chylex/Blog
1
0
Fork 0
mirror of https://github.com/chylex/Blog.git synced 2025-05-24 18:34:04 +02:00
Code

Preload main custom font & display fallback font while loading

Browse Source
This commit is contained in:
chylex 2022-06-11 13:41:53 +02:00
parent 892be3db3a
commit 44e3800e1b
Signed by: chylex
GPG Key ID: 4DE42C8F19A80548
2 changed files with 7 additions and 3 deletions

1
_layouts/default.html
View File

@ -14,6 +14,7 @@
<link rel="icon" type="image/png" sizes="16x16" href="{{ '/assets/favicon/favicon-16x16.png' | relative_url }}">
<link rel="manifest" href="{{ 'site.webmanifest' | relative_url }}">
<link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: timestamp | relative_url }}">
<link rel="preload" href="{{ '/assets/fonts/open-sans-v28-latin-regular.woff2' | relative_url }}" as="font" type="font/woff2" crossorigin>
</head>
<body>
<header class="page-header" role="banner">

9
_sass/fonts.scss
View File

@ -1,7 +1,8 @@
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-style: normal;
font-display: swap;
src: local('Open Sans Regular'),
local('OpenSans-Regular'),
url('../fonts/open-sans-v28-latin-regular.woff2') format('woff2'),
@ -11,8 +12,9 @@
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-style: normal;
font-display: swap;
src: local('Open Sans Semibold'),
local('OpenSans-Semibold'),
url('../fonts/open-sans-v28-latin-600.woff2') format('woff2'),
@ -22,8 +24,9 @@
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
font-style: italic;
font-display: swap;
src: local('Open Sans Italic'),
local('OpenSans-Italic'),
url('../fonts/open-sans-v28-latin-italic.woff2') format('woff2'),