Inline fonts

This commit is contained in:
Dennis Reimann 2023-08-09 14:21:21 +02:00
parent 82e8fd8fc3
commit 4248b17c35
No known key found for this signature in database
GPG key ID: 5009E1797F03F8D0
9 changed files with 43 additions and 7 deletions

Binary file not shown.

Binary file not shown.

View file

@ -1,3 +1,41 @@
/* https://gwfh.mranftl.com/fonts/fira-sans?subsets=latin%2Clatin-ext */
@font-face {
font-family: 'Fira Sans';
font-style: normal;
font-weight: 400;
src: url('./fira-sans-v17-latin_latin-ext-regular.woff2') format('woff2');
}
@font-face {
font-family: 'Fira Sans';
font-style: italic;
font-weight: 400;
src: url('./fira-sans-v17-latin_latin-ext-italic.woff2') format('woff2');
}
@font-face {
font-family: 'Fira Sans';
font-style: normal;
font-weight: 700;
src: url('./fira-sans-v17-latin_latin-ext-700.woff2') format('woff2');
}
@font-face {
font-family: 'Fira Sans';
font-style: italic;
font-weight: 700;
src: url('./fira-sans-v17-latin_latin-ext-700italic.woff2') format('woff2');
}
@font-face {
font-family: 'Fira Sans';
font-style: normal;
font-weight: 900;
src: url('./fira-sans-v17-latin_latin-ext-900.woff2') format('woff2');
}
@font-face {
font-family: 'Fira Sans';
font-style: italic;
font-weight: 900;
src: url('./fira-sans-v17-latin_latin-ext-900italic.woff2') format('woff2');
}
* {
box-sizing: border-box;
margin: 0;
@ -80,15 +118,14 @@ body {
}
h1 {
font-size: 4rem;
font-weight: 900;
font-style: italic;
margin: .4em 0;
}
h2 {
font-size: 2rem;
font-weight: 500;
}
h3 {
font-size: 2rem;
font-weight: 400;
font-style: italic;
}
blockquote {
position: absolute;

View file

@ -3,7 +3,6 @@ html
head
title Display
link(rel="stylesheet" href="/style.css")
link(href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@1,400;1,500;1,900&display=swap" rel="stylesheet")
meta(name="viewport" content="width=600")
meta(name="apple-mobile-web-app-capable" content="yes")
meta(name="apple-mobile-web-app-status-bar-style" content="white")

View file

@ -12,9 +12,9 @@ block content
- const displaySecondRate = rate2 && (!displayQuote || quote && quote.body.length < 115)
.bg
.info
h3.price.price--rate1: +displayRate(rate1)
h2.price.price--rate1: +displayRate(rate1)
h1!= blockcount || '&nbsp;'
h3.price.price--rate2(class=displaySecondRate ? null : 'price--hidden'): +displayRate(rate2)
h2.price.price--rate2(class=displaySecondRate ? null : 'price--hidden'): +displayRate(rate2)
if displayQuote
blockquote