Files
karma/ui/src/Fonts.scss
Łukasz Mierzwa 17628fec8e feat(ui): set font-display swap policy
This tells the browser to use a fallback font until Leto is loaded, which speeds up initial rendering, especially on slow clients
2019-02-11 19:23:09 +00:00

36 lines
1.0 KiB
SCSS

// this is used by bootswatch to import the font, zero it since we import all
// fonts below
$web-font-path: "";
@font-face {
font-display: swap;
font-family: "Lato";
font-weight: 400;
font-style: normal;
text-rendering: optimizeLegibility;
src: url("~lato-font/fonts/lato-normal/lato-normal.woff2") format("woff2"),
url("~lato-font/fonts/lato-normal/lato-normal.woff") format("woff");
}
@font-face {
font-display: swap;
font-family: "Lato";
font-weight: 400;
font-style: italic;
text-rendering: optimizeLegibility;
src: url("~lato-font/fonts/lato-normal-italic/lato-normal-italic.woff2")
format("woff2"),
url("~lato-font/fonts/lato-normal-italic/lato-normal-italic.woff")
format("woff");
}
@font-face {
font-display: swap;
font-family: "Lato";
font-weight: 700;
font-style: normal;
text-rendering: optimizeLegibility;
src: url("~lato-font/fonts/lato-semibold/lato-semibold.woff2") format("woff2"),
url("~lato-font/fonts/lato-semibold/lato-semibold.woff") format("woff");
}