Change font references to relative paths (#30)

## Summary:

This PR adjusts the Symbola font references in Mathquill Less files to be relative paths. It also updates the build pipeline so that the generated CSS contains correct relative paths to these font files relative to the build output folder. 

I also noticed that there was a reference to an `.otf` font file that no longer exists in the repo. It seems like this is just "code rot" as the code changed.

Issue: LEMS-3019

## Test plan:

I ran the build and inspected the CSS and made sure that the relative font paths for Symbola resolved to the actual files in the build folder.

Author: jeremywiebe

Reviewers: jeremywiebe, jeresig, nedredmond, benchristel

Required Reviewers:

Approved By: jeresig, nedredmond

Checks: ✅ 3 checks were successful

Pull Request URL: #30

Author: jeremywiebe

Makefile

@@ -89,8 +89,10 @@ UGLY_BASIC_JS = $(BUILD_DIR)/mathquill-basic.min.js
 UGLIFY ?= ./node_modules/.bin/uglifyjs
 UGLIFY_OPTS ?= --mangle --compress hoist_vars=true --comments
 
+# We set --relative-urls and --rootpath so relative font paths are correctly
+# translated in the resulting CSS
 LESSC ?= ./node_modules/.bin/lessc
-LESS_OPTS ?=
+LESS_OPTS ?= --strict-imports --relative-urls --rootpath=build/
 ifdef OMIT_FONT_FACE
   LESS_OPTS += --modify-var="omit-font-face=true"
 endif

build/mathquill.css

@@ -1,6 +1,6 @@
 /**
  * @license
- * MathQuill v1.0.2, by Han, Jeanine, and Mary
+ * MathQuill v1.0.3, by Han, Jeanine, and Mary
  * http://mathquill.com | [email protected]
  *
  * This Source Code Form is subject to the terms of the
@@ -29,8 +29,8 @@
 }
 @font-face {
   font-family: Symbola;
-  src: url(/fonts/Symbola.eot);
-  src: local('Symbola Regular'), local('Symbola'), url(/fonts/Symbola.woff2) format('woff2'), url(/fonts/Symbola.woff) format('woff'), url(/fonts/Symbola.ttf) format('truetype'), url(/fonts/Symbola.otf) format('opentype'), url(/fonts/Symbola.svg#Symbola) format('svg');
+  src: url(fonts/Symbola.eot);
+  src: local('Symbola Regular'), local('Symbola'), url(fonts/Symbola.woff2) format('woff2'), url(fonts/Symbola.woff) format('woff'), url(fonts/Symbola.ttf) format('truetype'), url(fonts/Symbola.svg#Symbola) format('svg');
 }
 .mq-editable-field {
   display: -moz-inline-box;

build/mathquill.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * MathQuill v1.0.1, by Han, Jeanine, and Mary
+ * MathQuill v1.0.3, by Han, Jeanine, and Mary
  * http://mathquill.com | [email protected]
  *
  * This Source Code Form is subject to the terms of the

build/mathquill.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * MathQuill v1.0.1, by Han, Jeanine, and Mary
+ * MathQuill v1.0.3, by Han, Jeanine, and Mary
  * http://mathquill.com | [email protected]
  *
  * This Source Code Form is subject to the terms of the
@@ -2211,7 +2211,7 @@ function MathQuill(el) {
     return MQ1(el);
 }
 MathQuill.prototype = Progenote.prototype;
-MathQuill.VERSION = 'v1.0.1';
+MathQuill.VERSION = 'v1.0.3';
 MathQuill.interfaceVersion = function (v) {
     // shim for #459-era interface versioning (ended with #495)
     if (v !== 1)

build/mathquill.min.js

@@ -1,7 +1,7 @@
 {
   "name": "mathquill",
   "description": "Easily type math in your webapp",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "license": "MPL-2.0",
   "main": "build/mathquill.min.js",
   "types": "build/mathquill.d.ts",

package-lock.json

@@ -9,18 +9,17 @@
 
 @basic:~ "";
 .font-srcs() when not (@basic) {
-  src: url(/fonts/Symbola.eot);
+  src: url(../fonts/Symbola.eot);
   src: local('Symbola Regular'), local('Symbola'),
-    url(/fonts/Symbola.woff2) format('woff2'),
-    url(/fonts/Symbola.woff) format('woff'),
-    url(/fonts/Symbola.ttf) format('truetype'),
-    url(/fonts/Symbola.otf) format('opentype'),
-    url(/fonts/Symbola.svg#Symbola) format('svg');
+    url(../fonts/Symbola.woff2) format('woff2'),
+    url(../fonts/Symbola.woff) format('woff'),
+    url(../fonts/Symbola.ttf) format('truetype'),
+    url(../fonts/Symbola.svg#Symbola) format('svg');
 }
 .font-srcs() when (@basic) {
-  src: url(/fonts/Symbola-basic.eot);
+  src: url(../fonts/Symbola-basic.eot);
   src: local('Symbola Regular'), local('Symbola'),
-    url(/fonts/Symbola-basic.woff2) format('woff2'),
-    url(/fonts/Symbola-basic.woff) format('woff'),
-    url(/fonts/Symbola-basic.ttf) format('truetype');
+    url(../fonts/Symbola-basic.woff2) format('woff2'),
+    url(../fonts/Symbola-basic.woff) format('woff'),
+    url(../fonts/Symbola-basic.ttf) format('truetype');
 }