FEAT(web): Add local fonts to website.

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

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View file

@ -9,10 +9,128 @@
}
@font-face{
font-family: "Cormorant Garamond", serif;
src: url(CormorantGaramond-Regular.ttf) format("truetype");
font-family:cormorant garamond;
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-family: "Fell English";
src: url(IMFellEnglishSC-Regular.ttf) format("truetype");
@ -36,17 +154,17 @@
text-rendering: optimizeLegibility;
font-kerning: normal;
font-size: 1.3rem;
font-family: "Cormorant Garamond";
font-family: "Cormorant Garamond", serif;
}
@media (max-width: 600px) {
@media (max-width: 640px) {
body {
font-size: 0.8em;
padding: 12px;
font-size: 1.2rem;
padding: 40px;
}
h1 {
font-size: 1.8em;
.frontispiece {
font-size: 3rem;
}
}
@media print {
@ -106,7 +224,7 @@
color: #606060;
}
code {
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
font-family: Iosevka, Menlo, Monaco, Consolas, 'Lucida Console', monospace;
font-size: 85%;
margin: 0;
hyphens: manual;