Almanack/almnck
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

FEAT(web): Add local fonts to website.

Browse source
This commit is contained in:
Danny O'Brien 2024-01-06 00:11:11 -08:00
parent 0eab2b3ba8
commit 5800e8b095
11 changed files with 128 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
web/static/res/CormorantGaramond-Bold.woff Normal file
View file

Binary file not shown.

BIN
web/static/res/CormorantGaramond-BoldItalic.woff Normal file
View file

Binary file not shown.

BIN
web/static/res/CormorantGaramond-Italic.woff Normal file
View file

Binary file not shown.

BIN
web/static/res/CormorantGaramond-Light.woff Normal file
View file

Binary file not shown.

BIN
web/static/res/CormorantGaramond-LightItalic.woff Normal file
View file

Binary file not shown.

BIN
web/static/res/CormorantGaramond-Medium.woff Normal file
View file

Binary file not shown.

BIN
web/static/res/CormorantGaramond-MediumItalic.woff Normal file
View file

Binary file not shown.

BIN
web/static/res/CormorantGaramond-Regular.woff Normal file
View file

Binary file not shown.

BIN
web/static/res/CormorantGaramond-SemiBold.woff Normal file
View file

Binary file not shown.

BIN
web/static/res/CormorantGaramond-SemiBoldItalic.woff Normal file
View file

Binary file not shown.

138
web/static/res/almanack.css
View file

@ -8,11 +8,129 @@
src: url(OldNewspaperTypes.ttf) format("truetype"); src: url(OldNewspaperTypes.ttf) format("truetype");
} }
@font-face { @font-face{
font-family: "Cormorant Garamond", serif; font-family:cormorant garamond;
src: url(CormorantGaramond-Regular.ttf) format("truetype"); font-style:normal;
font-weight:400; src:local('Cormorant Garamond'),url(CormorantGaramond-Regular.woff) format('woff')
} }
@font-face{
font-family:cormorant garamond;
font-style:norm al;
font-weight:400;
src:local('Cormorant Garamond'),url(CormorantGaramond-Regular.woff) format('woff')
}
@font-face{
font-family:cormorant garamond;
font-style:italic;
font-weight:400;
src:local('Cormorant Garamond'),url(CormorantGaramond-Italic.woff) format('woff')
}
@font-face{
font-family:cormorant garamond;
font-style:italic;
font-weight:400;
src:local('Cormorant Garamond'),url(CormorantGaramond-Italic.woff) format('woff')
}
@font-face{
font-family:cormorant garamond;
font-style:normal;
font-weight:300;
src:local('Cormorant Garamond'),url(CormorantGaramond-Light.woff) format('woff')
}
@font-face{
font-family:cormorant garamond;
font-style:normal;
font-weight:300;
src:local('Cormorant Garamond'),url(CormorantGaramond-Light.woff) format('woff')
}
@font-face{
font-family:cormorant garamond;
font-style:italic;
font-weight:300;
src:local('Cormorant Garamond'),url(CormorantGaramond-LightItalic.woff) format('woff')
}
@font-face{
font-family:cormorant garamond;
font-style:italic;
font-weight:300;
src:local('Cormorant Garamond'),url(CormorantGaramond-LightItalic.woff) format('woff')
}
@font-face{
font-family:cormorant garamond;
font-style:normal;
font-weight:500;
src:local('Cormorant Garamond'),url(CormorantGaramond-Medium.woff) format('woff')
}
@font-face{
font-family:cormorant garamond;
font-style:normal;
font-weight:500;
src:local('Cormorant Garamond'),url(CormorantGaramond-Medium.woff) format('woff')
}
@font-face{
font-family:cormorant garamond;
font-style:italic;
font-weight:500;
src:local('Cormorant Garamond'),url(CormorantGaramond-MediumItalic.woff) format('woff')
}
@font-face{
font-family:cormorant garamond;
font-style:italic;
font-weight:500;
src:local('Cormorant Garamond'),url(CormorantGaramond-MediumItalic.woff) format('woff')
}
@font-face{
font-family:cormorant garamond;
font-style:normal;
font-weight:600;
src:local('Cormorant Garamond'),url(CormorantGaramond-SemiBold.woff) format('woff')
}
@font-face{
font-family:cormorant garamond;
font-style:normal;
font-weight:600;
src:local('Cormorant Garamond'),url(CormorantGaramond-SemiBold.woff) format('woff')
}
@font-face{
font-family:cormorant garamond;
font-style:italic;
font-weight:600;
src:local('Cormorant Garamond'),url(CormorantGaramond-SemiBoldItalic.woff) format('woff')
}
@font-face{
font-family:cormorant garamond;
font-style:italic;
font-weight:600;
src:local('Cormorant Garamond'),url(CormorantGaramond-SemiBoldItalic.woff) format('woff')
}
@font-face{
font-family:cormorant garamond;
font-style:normal;
font-weight:700;
src:local('Cormorant Garamond'),url(CormorantGaramond-Bold.woff) format('woff')
}
@font-face{
font-family:cormorant garamond;
font-style:normal;
font-weight:700;
src:local('Cormorant Garamond'),url(CormorantGaramond-Bold.woff) format('woff')
}
@font-face{
font-family:cormorant garamond;
font-style:italic;
font-weight:700;
src:local('Cormorant Garamond'),url(CormorantGaramond-BoldItalic.woff) format('woff')
}
@font-face{
font-family:cormorant garamond;
font-style:italic;
font-weight:700;
src:local('Cormorant Garamond'),url(CormorantGaramond-BoldItalic.woff) format('woff')
}
@font-face { @font-face {
font-family: "Fell English"; font-family: "Fell English";
src: url(IMFellEnglishSC-Regular.ttf) format("truetype"); src: url(IMFellEnglishSC-Regular.ttf) format("truetype");
@ -36,17 +154,17 @@
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
font-kerning: normal; font-kerning: normal;
font-size: 1.3rem; font-size: 1.3rem;
font-family: "Cormorant Garamond"; font-family: "Cormorant Garamond", serif;
} }
@media (max-width: 600px) { @media (max-width: 640px) {
body { body {
font-size: 0.8em; font-size: 1.2rem;
padding: 12px; padding: 40px;
} }
h1 { .frontispiece {
font-size: 1.8em; font-size: 3rem;
} }
} }
@media print { @media print {
@ -106,7 +224,7 @@
color: #606060; color: #606060;
} }
code { code {
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace; font-family: Iosevka, Menlo, Monaco, Consolas, 'Lucida Console', monospace;
font-size: 85%; font-size: 85%;
margin: 0; margin: 0;
hyphens: manual; hyphens: manual;