Merge pull request #125 from elong0527/font-html

Use Invention font for HTML output
elong0527 · Apr 2, 2024 · 6a519ab · 6a519ab
2 parents 9369d2b + ca71dce
commit 6a519ab
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 0 deletions.
diff --git a/_quarto.yml b/_quarto.yml
@@ -76,6 +76,7 @@ bibliography: references.bib
 format:
   html:
     theme: [cosmo, custom.scss]
+    mainfont: "Invention, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
   pdf:
     documentclass: scrbook
     # Fixes 'Undefined control sequence \cellcolor' error

diff --git a/custom.scss b/custom.scss
@@ -4,6 +4,22 @@ $primary: #00857C !default;
 
 /*-- scss:rules --*/
 
+@font-face {
+    font-display: swap;
+    font-family: "Invention";
+    src: url("fonts/InventionVF_W_Wght.woff2") format("woff2");
+    font-weight: 300 700;
+    font-style: normal;
+}
+
+@font-face {
+    font-display: swap;
+    font-family: "Invention";
+    src: url("fonts/InventionVF_Italics_W_Wght.woff2") format("woff2");
+    font-weight: 300 700;
+    font-style: italic;
+}
+
 img.quarto-cover-image {
     box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
 }

diff --git a/fonts/InventionVF_Italics_W_Wght.woff2 b/fonts/InventionVF_Italics_W_Wght.woff2
diff --git a/fonts/InventionVF_W_Wght.woff2 b/fonts/InventionVF_W_Wght.woff2
diff --git a/index.qmd b/index.qmd
@@ -18,6 +18,12 @@ clinical reporting toolkit.
 
 ## Events {.unnumbered}
 
+```{css, echo=FALSE}
+.table {
+  font-size: 0.825rem;
+}
+```
+
 ```{r, echo=FALSE}
 knitr::kable(
   read.table("events.tsv",