summaryrefslogtreecommitdiff
path: root/styles.scss
diff options
context:
space:
mode:
Diffstat (limited to 'styles.scss')
-rw-r--r--styles.scss37
1 files changed, 37 insertions, 0 deletions
diff --git a/styles.scss b/styles.scss
new file mode 100644
index 0000000..15b340b
--- /dev/null
+++ b/styles.scss
@@ -0,0 +1,37 @@
+// origin: https://stackoverflow.com/a/75470197/18619283
+
+/*-- scss:defaults --*/
+
+// avoid web-loading internally declared default Bootswatch font
+$web-font-path: "";
+
+// fix apply font family setting seemingly missed by quarto
+$font-family-sans-serif: "Cabin";
+
+// use sans-serif for headers and menus
+$headings-font-family: $font-family-sans-serif;
+$display-font-family: $font-family-sans-serif;
+$input-btn-font-family: $font-family-sans-serif;
+
+/*-- scss:mixins --*/
+
+@mixin font-face($name, $style, $weight, $basedir, $file) {
+ @font-face {
+ font-display: swap;
+ font-family: #{$name};
+ font-style: #{$style};
+ font-weight: #{$weight};
+ src: url("fonts/#{$basedir}/woff2/#{$file}.woff2") format("woff2"),
+ url("fonts/#{$basedir}/opentype/#{$file}.otf") format("opentype");
+ }
+}
+
+/*-- scss:rules --*/
+
+@include font-face(ETbb, normal, 400, etbb, ETbb-Regular);
+@include font-face(ETbb, italic, 400, etbb, ETbb-Italic);
+@include font-face(ETbb, normal, 700, etbb, ETbb-Bold);
+@include font-face(ETbb, italic, 700, etbb, ETbb-BoldItalic);
+
+@include font-face(Cabin, normal, "400 700", cabin, "Cabin-Regular-VF");
+@include font-face(Cabin, italic, "400 700", cabin, "Cabin-Italic-VF");