From b1f9af9914064294dd02eba07e4c507ed487e401 Mon Sep 17 00:00:00 2001 From: Valentin Popov Date: Sun, 22 Apr 2018 08:12:52 +0400 Subject: Font declaration Signed-off-by: Valentin Popov --- _scss/components/_fonts.scss | 54 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 54 insertions(+) create mode 100644 _scss/components/_fonts.scss (limited to '_scss') 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; +} -- cgit v1.2.3