otomatalabs/ol_site
7
0
Fork 1
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Preload the font
All checks were successful
/ deploy (push) Successful in 9s
Details

Browse source
This commit is contained in:
Kamil Patecki 2025-08-29 00:28:30 +02:00
parent 1f5500ab82
commit 805065c779
2 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_includes/layouts/base.njk
View file

@ -7,6 +7,8 @@
<title>{{ title or metadata.title }}</title> <title>{{ title or metadata.title }}</title>
<meta name="description" content="{{ description or metadata.description }}"> <meta name="description" content="{{ description or metadata.description }}">
<link rel="alternate" href="/feed/feed.xml" type="application/atom+xml" title="{{ metadata.title }}"> <link rel="alternate" href="/feed/feed.xml" type="application/atom+xml" title="{{ metadata.title }}">
<link rel="preload" href="{{ path }}/MisterTwiggsHeavy.woff2" as="font" type="font/woff2" crossorigin>
{#- Uncomment this if you’d like folks to know that you used Eleventy to build your site! #} {#- Uncomment this if you’d like folks to know that you used Eleventy to build your site! #}
{#- <meta name="generator" content="{{ eleventy.generator }}"> #} {#- <meta name="generator" content="{{ eleventy.generator }}"> #}

6
css/index.css
View file

@ -1,9 +1,9 @@
@font-face{ @font-face{
font-family: "Mister Twiggs W01 Heavy"; font-family: "Mister Twiggs W01 Heavy";
src: url("{{ path }}/MisterTwiggsHeavy.woff2")format("woff2"); src: url("{{ path }}/MisterTwiggsHeavy.woff2") format("woff2");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: swap; font-display: fallback;
} }
/* Defaults */ /* Defaults */
@ -208,7 +208,7 @@ code {
/* Header */ /* Header */
header { header {
font-size: 2em; font-size: 2em;
font-family: "Mister Twiggs W01 Heavy"; font-family: "Mister Twiggs W01 Heavy", "Impact", "Arial Black", sans-serif;
display: flex; display: flex;
gap: 5px; gap: 5px;
flex-wrap: wrap; flex-wrap: wrap;