embed font ETbb

1 files changed, 26 insertions, 0 deletions

diff --git a/styles.scss b/styles.scss
new file mode 100644
index 0000000..39a3282
--- /dev/null
+++ b/styles.scss
@@ -0,0 +1,26 @@
+// origin: https://stackoverflow.com/a/75470197/18619283
+
+/*-- scss:defaults --*/
+
+// avoid web-loading internally declared default Bootswatch font
+$web-font-path: "";
+
+/*-- 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);