diff --git a/src/app.html b/src/app.html
index c8b3237..a3fedfe 100644
--- a/src/app.html
+++ b/src/app.html
@@ -3,6 +3,7 @@
+
diff --git a/src/lib/Dropcap.svelte b/src/lib/Dropcap.svelte
index d3286d0..c5e2bfc 100644
--- a/src/lib/Dropcap.svelte
+++ b/src/lib/Dropcap.svelte
@@ -20,9 +20,9 @@
text-transform: uppercase;
color: #8c0606;
/* box-sizing: border-box;*/
- font-size: calc(var(--content-size) * var(--content-line-height) * 1.9);
+ font-size: calc(var(--content-size) * var(--content-line-height) * 1.75);
float: left;
- font-family: serif;
+ font-family: 'Baskerville';
line-height: 0.8;
margin-right: 0.1em;
display: block;
@@ -30,6 +30,7 @@
.first-word {
margin-left: var(--shift);
+ font-variant: petite-caps;
}
diff --git a/static/Baskerville-Regular.woff2 b/static/Baskerville-Regular.woff2
new file mode 100644
index 0000000..8b6da05
Binary files /dev/null and b/static/Baskerville-Regular.woff2 differ
diff --git a/static/style.css b/static/style.css
index 92295ea..4b03056 100644
--- a/static/style.css
+++ b/static/style.css
@@ -7,10 +7,19 @@
font-display: block;
}
+@font-face {
+ font-family: 'Baskerville';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/Baskerville-Regular.woff2) format('woff2');
+ font-display: block;
+}
+
:root {
--content-size: 1.25rem;
--content-line-height: 1.3;
--content-color: #1e1e1e;
+ --accent-color: #8c0606;
}
html {