embed fonts ETbb and Cabin

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");