diff options
| author | Valentin Popov <info@valentineus.link> | 2018-04-22 07:12:52 +0300 |
|---|---|---|
| committer | Valentin Popov <info@valentineus.link> | 2018-04-22 07:12:52 +0300 |
| commit | b1f9af9914064294dd02eba07e4c507ed487e401 (patch) | |
| tree | 72acae923f5f63ebc74d7bf809cdd5d82e50990d /_scss/components | |
| parent | 0aeef7721cc850187d8fae194cd9e478c80c396c (diff) | |
| download | popov.link-b1f9af9914064294dd02eba07e4c507ed487e401.tar.xz popov.link-b1f9af9914064294dd02eba07e4c507ed487e401.zip | |
Font declaration
Signed-off-by: Valentin Popov <info@valentineus.link>
Diffstat (limited to '_scss/components')
| -rw-r--r-- | _scss/components/_fonts.scss | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/_scss/components/_fonts.scss b/_scss/components/_fonts.scss new file mode 100644 index 0000000..019235f --- /dev/null +++ b/_scss/components/_fonts.scss @@ -0,0 +1,54 @@ +$font-path: '/assets/fonts/Roboto'; + +@font-face { + font-family: 'Roboto'; + src: local(Roboto Thin), + url('#{$font-path}/Roboto-Thin.eot'); + src: url('#{$font-path}/Roboto-Thin.eot?#iefix') format('embedded-opentype'), + url('#{$font-path}/Roboto-Thin.woff2') format('woff2'), + url('#{$font-path}/Roboto-Thin.woff') format('woff'), + url('#{$font-path}/Roboto-Thin.ttf') format('truetype'); + font-weight: 200; +} + +@font-face { + font-family: 'Roboto'; + src: local(Roboto Light), + url('#{$font-path}/Roboto-Light.eot'); + src: url('#{$font-path}/Roboto-Light.eot?#iefix') format('embedded-opentype'), + url('#{$font-path}/Roboto-Light.woff2') format('woff2'), + url('#{$font-path}/Roboto-Light.woff') format('woff'), + url('#{$font-path}/Roboto-Light.ttf') format('truetype'); + font-weight: 300; +} + +@font-face { + font-family: 'Roboto'; + src: local(Roboto Regular), + url('#{$font-path}/Roboto-Regular.eot'); + src: url('#{$font-path}/Roboto-Regular.eot?#iefix') format('embedded-opentype'), + url('#{$font-path}/Roboto-Regular.woff2') format('woff2'), + url('#{$font-path}/Roboto-Regular.woff') format('woff'), + url('#{$font-path}/Roboto-Regular.ttf') format('truetype'); + font-weight: 400; +} + +@font-face { + font-family: 'Roboto'; + src: url('#{$font-path}/Roboto-Medium.eot'); + src: url('#{$font-path}/Roboto-Medium.eot?#iefix') format('embedded-opentype'), + url('#{$font-path}/Roboto-Medium.woff2') format('woff2'), + url('#{$font-path}/Roboto-Medium.woff') format('woff'), + url('#{$font-path}/Roboto-Medium.ttf') format('truetype'); + font-weight: 500; +} + +@font-face { + font-family: 'Roboto'; + src: url('#{$font-path}/Roboto-Bold.eot'); + src: url('#{$font-path}/Roboto-Bold.eot?#iefix') format('embedded-opentype'), + url('#{$font-path}/Roboto-Bold.woff2') format('woff2'), + url('#{$font-path}/Roboto-Bold.woff') format('woff'), + url('#{$font-path}/Roboto-Bold.ttf') format('truetype'); + font-weight: 700; +} |