Unable to Properly Link Local Typeface on Github Pages

support
4

You have two problems:

  1. You are serving your site from a subdirectory, and URLs beginning with / are relative to the server root, not the site root.
  2. The font-family value in your font-face declaration does not match the font-family that you set for the body element.

Fix:

diff --git a/themes/nosoapradio-theme/assets/css/main.css b/themes/nosoapradio-theme/assets/css/main.css
index 482c8ee..77472c8 100644
--- a/themes/nosoapradio-theme/assets/css/main.css
+++ b/themes/nosoapradio-theme/assets/css/main.css
@@ -1,7 +1,7 @@
 @font-face {
   font-family: GortonRegular;
   src: local('GortonDigitalRegular'),
-  url('/fonts/GortonDigitalRegular.otf') format("opentype");
+  url('/nosoapradio/fonts/GortonDigitalRegular.otf') format("opentype");
 }
 
 html body {
@@ -17,7 +17,7 @@ html body {
 
 body {
   background-color: ivory;
-  font-family: 'GortonDigitalRegular', monospace;
+  font-family: 'GortonRegular', monospace;
 }
 
 /* Globals */
@@ -277,7 +277,7 @@ td:last-child {
 
 .blinking {
   animation: 2s blink ease infinite;
-  
+
 }
 
 @keyframes blink {
@@ -323,4 +323,4 @@ td:last-child {
   50% {
     opacity: 1;
   }
-}
\ No newline at end of file
+}