diff options
Diffstat (limited to 'styles/main.scss')
| -rw-r--r-- | styles/main.scss | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/styles/main.scss b/styles/main.scss new file mode 100644 index 0000000..15b340b --- /dev/null +++ b/styles/main.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"); |