path: root/styles.scss

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