47 lines
1.1 KiB
SCSS
47 lines
1.1 KiB
SCSS
@mixin font-inconsolata($weight) {
|
|
@font-face {
|
|
font-family: 'Inconsolata';
|
|
font-display: swap;
|
|
font-weight: $weight;
|
|
src: local('Inconsolata'),
|
|
url('../fonts/Inconsolata-VariableFont_wdth,wght.ttf');
|
|
}
|
|
}
|
|
|
|
@mixin font-lora {
|
|
@font-face {
|
|
font-family: 'Lora';
|
|
font-display: swap;
|
|
src: local('Lora'),
|
|
url('../fonts/Lora-VariableFont_wght.ttf'),
|
|
url('../fonts/Lora-Italic-VariableFont_wght.ttf');
|
|
}
|
|
}
|
|
|
|
@mixin font-raleway($weight) {
|
|
@font-face {
|
|
font-family: 'Raleway';
|
|
font-display: swap;
|
|
font-weight: $weight;
|
|
src: local('Raleway'),
|
|
url('../fonts/Raleway-VariableFont_wght.ttf'),
|
|
url('../fonts/Raleway-Italic-VariableFont_wght.ttf');
|
|
}
|
|
}
|
|
|
|
@mixin font-stixgeneral {
|
|
@font-face {
|
|
font-family: 'STIXGeneral';
|
|
font-display: swap;
|
|
src: local('STIXGeneral-Regular'),
|
|
url('../fonts/STIXGeneral-Regular.ttf');
|
|
}
|
|
}
|
|
|
|
@include font-inconsolata(400);
|
|
@include font-inconsolata(700);
|
|
@include font-lora();
|
|
@include font-raleway(400);
|
|
@include font-raleway(700);
|
|
@include font-stixgeneral();
|