public/hornwitser.no
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Typeset in Comic Neue

Browse source 
The Comic Neue font provides just the kind of playful and witty tones
that I want my website to communicate.  This is not where you go for
serious business!
This commit is contained in:
Hornwitser 2025-05-10 23:31:12 +02:00
parent 9366be0499
commit 68d2981914
9 changed files with 74 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
web/assets/styles/base.css
View file

@ -43,7 +43,7 @@ textarea:not([rows]) {
/* Overall styling */
html {
color-scheme: light dark;
font-family: sans-serif;
font-family: "Comic Neue", sans-serif;
overflow-wrap: break-word;
scrollbar-gutter: stable;
}
@ -57,6 +57,7 @@ hgroup p {
}
h1, h2, h3, h4 {
font-family: "Comic Neue", sans-serif;
margin-block-start: 1.25em;
margin-block-end: 0.5em;
}

71
web/assets/styles/font.css Normal file
View file

@ -0,0 +1,71 @@
@font-face {
font-family: 'Comic Neue';
src:
local('Comic Neue Light'),
local('ComicNeue-Light'),
url('/assets/fonts/ComicNeue-Light.woff2') format('woff2')
;
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Comic Neue';
src:
local('Comic Neue Italic'),
local('ComicNeue-Italic'),
url('/assets/fonts/ComicNeue-Italic.woff2') format('woff2')
;
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Comic Neue';
src:
local('Comic Neue Bold'),
local('ComicNeue-Bold'),
url('/assets/fonts/ComicNeue-Bold.woff2') format('woff2')
;
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Comic Neue';
src:
local('Comic Neue Bold Italic'),
local('ComicNeue-BoldItalic'),
url('/assets/fonts/ComicNeue-BoldItalic.woff2') format('woff2')
;
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Comic Neue';
src:
local('Comic Neue Light Italic'),
local('ComicNeue-LightItalic'),
url('/assets/fonts/ComicNeue-LightItalic.woff2') format('woff2')
;
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Comic Neue';
src:
local('Comic Neue Regular'),
local('ComicNeue-Regular'),
url('/assets/fonts/ComicNeue-Regular.woff2') format('woff2')
;
font-weight: normal;
font-style: normal;
font-display: swap;
}