From 8a9f5572e2f9f2c4312c04c0147d0a415102c55c Mon Sep 17 00:00:00 2001 From: Serghei Mihai Date: Wed, 18 Oct 2017 11:32:14 +0200 Subject: [PATCH] misc: add Josefin Sans font declaration (#19494) --- static/includes/_font-josefinsans.scss | 40 ++++++++++++++++++++++++++++++++++ 1 file changed, 40 insertions(+) create mode 100644 static/includes/_font-josefinsans.scss diff --git a/static/includes/_font-josefinsans.scss b/static/includes/_font-josefinsans.scss new file mode 100644 index 0000000..6bd77f3 --- /dev/null +++ b/static/includes/_font-josefinsans.scss @@ -0,0 +1,40 @@ +$josefinsans-font-path: '../xstatic/fonts' !default; + +@mixin josefinsans-font($type, $weight, $style: normal) { + @font-face { + font-family: 'Josefin Sans'; + src: url('#{$josefinsans-font-path}/#{$type}/JosefinSans-#{$type}.eot'); + src: url('#{$josefinsans-font-path}/#{$type}/JosefinSans-#{$type}.eot?#iefix') format('embedded-opentype'), + url('#{$josefinsans-font-path}/#{$type}/JosefinSans-#{$type}.woff2') format('woff2'), + url('#{$josefinsans-font-path}/#{$type}/JosefinSans-#{$type}.woff') format('woff'), + url('#{$josefinsans-font-path}/#{$type}/JosefinSans-#{$type}.ttf') format('truetype'), + url('#{$josefinsans-font-path}/#{$type}/JosefinSans-#{$type}.svg#JosefinSans') format('svg'); + font-weight: $weight; + font-style: $style; + } + + @font-face { + font-family: 'JosefinSans-#{$type}'; + src: url('#{$josefinsans-font-path}/#{$type}/JosefinSans-#{$type}.eot'); + src: url('#{$josefinsans-font-path}/#{$type}/JosefinSans-#{$type}.eot?#iefix') format('embedded-opentype'), + url('#{$josefinsans-font-path}/#{$type}/JosefinSans-#{$type}.woff2') format('woff2'), + url('#{$josefinsans-font-path}/#{$type}/JosefinSans-#{$type}.woff') format('woff'), + url('#{$josefinsans-font-path}/#{$type}/JosefinSans-#{$type}.ttf') format('truetype'), + url('#{$josefinsans-font-path}/#{$type}/JosefinSans-#{$type}.svg#JosefinSans') format('svg'); + } +} + +@mixin josefinsans-font-pair($type, $weight) { + @include josefinsans-font($type, $weight); + @if $type == Regular { + @include josefinsans-font(Regular, $weight, normal); + } @else { + @include josefinsans-font(#{$type}Italic, $weight, italic); + } +} + +@include josefinsans-font-pair('Thin', 200); +@include josefinsans-font-pair('Light', 300); +@include josefinsans-font-pair('Regular', 400); +@include josefinsans-font-pair('SemiBold', 600); +@include josefinsans-font-pair('Bold', 700); -- 2.15.0.rc1