aboutsummaryrefslogtreecommitdiff
path: root/sass/fonts
diff options
context:
space:
mode:
authorJieiku2023-05-22 22:31:34 -0700
committerJieiku2023-05-22 22:31:34 -0700
commit940b40688a7cf595eee061b696187e2fe4a578e2 (patch)
tree15f9ef4ea0170d61c263c26c32f13398a2ec348a /sass/fonts
parent5c3cc8966834a0d140f82aa178ba26109f79dd8f (diff)
downloadabridge-940b40688a7cf595eee061b696187e2fe4a578e2.tar.gz
abridge-940b40688a7cf595eee061b696187e2fe4a578e2.tar.bz2
abridge-940b40688a7cf595eee061b696187e2fe4a578e2.zip
Json-Index and config.toml optional
Diffstat (limited to 'sass/fonts')
-rw-r--r--sass/fonts/_Abridge.scss7
-rw-r--r--sass/fonts/_Roboto-Mono.scss11
2 files changed, 17 insertions, 1 deletions
diff --git a/sass/fonts/_Abridge.scss b/sass/fonts/_Abridge.scss
index 3085236..6626626 100644
--- a/sass/fonts/_Abridge.scss
+++ b/sass/fonts/_Abridge.scss
@@ -1,3 +1,8 @@
+// This is for the Abridge icon font, the css for this is adapted from fontello.
+// I experimented using this, it is still here for those that want it, but not used by default.
+// It is a pretty lightweight solution, but still not as good as svg icons directly in the css.
+// The loading of icon fonts is blocked by noscript type browser addons, but css icons are not.
+
@font-face {
font-family: 'Abridge';
src: url('font/Abridge.woff2') format('woff2');
@@ -23,4 +28,4 @@
.i-last:before { content: '\f101'; } // pagination last page
.i-prev:before { content: '\f104'; } // pagination previous page
.i-next:before { content: '\f105'; } // pagination next page
-.i-up:before { content: '\f106'; } // back to top button \ No newline at end of file
+.i-up:before { content: '\f106'; } // back to top button
diff --git a/sass/fonts/_Roboto-Mono.scss b/sass/fonts/_Roboto-Mono.scss
new file mode 100644
index 0000000..0685c3d
--- /dev/null
+++ b/sass/fonts/_Roboto-Mono.scss
@@ -0,0 +1,11 @@
+@font-face {
+ font-family: 'Roboto Mono';
+ src: local("Roboto Mono"), local("Roboto-Mono"), local("RobotoMono"), local("Roboto-Mono-Regular"), local("RobotoMono-Regular"), url("font/Roboto-Mono.woff2");//latin regular
+ font-display: swap;
+}
+@font-face {
+ font-family: 'Roboto Mono';
+ src: local("Roboto Mono Italic"), local("Roboto-Mono-Italic"), local("RobotoMono-Italic"), url("font/Roboto-Mono-Italic.woff2");//latin italic
+ font-style: italic;
+ font-display: swap;
+}