notes: add fallback font for comic sans (#4212).

danbooru · Nov 17, 2019 · fedb525 · fedb525
1 parent 364ecfe
commit fedb525
Show file tree

Hide file tree

Showing 3 changed files with 437 additions and 17 deletions.
diff --git a/app/javascript/src/styles/common/fonts.css b/app/javascript/src/styles/common/fonts.css
@@ -0,0 +1,20 @@
+/* These are fallback fonts intended for use in notes. */
+
+/* https://fontlibrary.org/en/font/comic-relief */
+@font-face {
+  font-family: "Comic Sans MS";
+  font-weight: normal;
+  font-display: swap;
+  src:
+    local("Comic Sans MS"),
+    url("../../../../../node_modules/typopro-web/web/TypoPRO-ComicRelief/TypoPRO-ComicRelief-Regular.woff") format("woff");
+}
+
+@font-face {
+  font-family: "Comic Sans MS";
+  font-weight: bold;
+  font-display: swap;
+  src:
+    local("Comic Sans MS"),
+    url("../../../../../node_modules/typopro-web/web/TypoPRO-ComicRelief/TypoPRO-ComicRelief-Bold.woff") format("woff");
+}
diff --git a/package.json b/package.json
@@ -15,6 +15,7 @@
     "script-loader": "^0.7.2",
     "spark-md5": "^3.0.0",
     "stupid-table-plugin": "^1.1.3",
+    "typopro-web": "^4.2.2",
     "webpack-cli": "^3.3.0"
   },
   "devDependencies": {