Self-hosted fonts

This commit is contained in:
nsde 2023-08-09 11:26:26 +02:00
parent 07702c7b02
commit 6fb086475a
9 changed files with 41 additions and 3 deletions

View file

@ -1,4 +1,3 @@
@import url("https://fonts.googleapis.com/css2?family=Syne:wght@700&display=swap");
html {
scroll-behavior: smooth;
}

File diff suppressed because one or more lines are too long

View file

@ -1,5 +1,4 @@
@import '_vars'
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700&display=swap')
html
scroll-behavior: smooth

40
web/static/css/fonts.css Normal file
View file

@ -0,0 +1,40 @@
/* syne-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Syne';
font-style: normal;
font-weight: 400;
src: url('/static/fonts/syne-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* syne-500 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Syne';
font-style: normal;
font-weight: 500;
src: url('/static/fonts/syne-v16-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* syne-600 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Syne';
font-style: normal;
font-weight: 600;
src: url('/static/fonts/syne-v16-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* syne-700 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Syne';
font-style: normal;
font-weight: 700;
src: url('/static/fonts/syne-v16-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* syne-800 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Syne';
font-style: normal;
font-weight: 800;
src: url('/static/fonts/syne-v16-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.