valentineus/popov.link
valentineus/popov.link
0
Fork 0
Code Issues Pull Requests Actions Releases Activity

Font declaration

Browse Source 
Signed-off-by: Valentin Popov <info@valentineus.link>
This commit is contained in:
Valentin Popov 2018-04-22 08:12:52 +04:00
parent 0aeef7721c
commit b1f9af9914
Signed by: Valentin Popov
GPG Key ID: 269A00ACA90A8EA3
1 changed files with 54 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
_scss/components/_fonts.scss Normal file
View File

@ -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;
}