mirror of
https://github.com/dennisreimann/kindle-display.git
synced 2026-08-13 12:33:45 +02:00
Inline fonts
This commit is contained in:
parent
82e8fd8fc3
commit
4248b17c35
9 changed files with 43 additions and 7 deletions
BIN
server/public/fira-sans-v17-latin_latin-ext-700.woff2
Normal file
BIN
server/public/fira-sans-v17-latin_latin-ext-700.woff2
Normal file
Binary file not shown.
BIN
server/public/fira-sans-v17-latin_latin-ext-700italic.woff2
Normal file
BIN
server/public/fira-sans-v17-latin_latin-ext-700italic.woff2
Normal file
Binary file not shown.
BIN
server/public/fira-sans-v17-latin_latin-ext-900.woff2
Normal file
BIN
server/public/fira-sans-v17-latin_latin-ext-900.woff2
Normal file
Binary file not shown.
BIN
server/public/fira-sans-v17-latin_latin-ext-900italic.woff2
Normal file
BIN
server/public/fira-sans-v17-latin_latin-ext-900italic.woff2
Normal file
Binary file not shown.
BIN
server/public/fira-sans-v17-latin_latin-ext-italic.woff2
Normal file
BIN
server/public/fira-sans-v17-latin_latin-ext-italic.woff2
Normal file
Binary file not shown.
BIN
server/public/fira-sans-v17-latin_latin-ext-regular.woff2
Normal file
BIN
server/public/fira-sans-v17-latin_latin-ext-regular.woff2
Normal file
Binary file not shown.
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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")
|
||||
|
|
|
|||
|
|
@ -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 || ' '
|
||||
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
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue