Startsida Utforska Hjälp
Logga in
dyadmisha
/
dune-weaver
spegling av https://github.com/tuanchris/dune-weaver.git
1
0
Fork 0
Filer Ärenden 0 Wiki
Bläddra i källkod

host Material Icons locally instead of using Google Fonts for offline dune weaver table hosting (#80)

- create local CSS with @font-face declarations
- update base.html to use local CSS instead of Google fonts link

Co-authored-by: Jake Schroeder <jakestaby@gmail.com>
jakest 3 månader sedan
förälder
3018a9e61a
incheckning
e4eda2bc48
7 ändrade filer med 78 tillägg och 42 borttagningar
Unifierad Vy Visa Diff Statistik
  1. 55 0
      static/css/material-icons.css
  2. 0 17
      static/css/tailwind-input.css
  3. 11 0
      static/fonts/material-icons/MaterialIcons-Regular.woff
  4. BIN
      static/fonts/material-icons/MaterialIcons-Regular.woff2
  5. 11 0
      static/fonts/material-icons/MaterialIconsOutlined-Regular.woff
  6. BIN
      static/fonts/material-icons/MaterialIconsOutlined-Regular.woff2
  7. 1 25
      templates/base.html

+ 55 - 0
static/css/material-icons.css
Visa fil 

@@ -0,0 +1,55 @@
 
+/* Material Icons - Local Font Files */
 
+
 
+@font-face {
 
+  font-family: 'Material Icons';
 
+  font-style: normal;
 
+  font-weight: 400;
 
+  src: url('/static/fonts/material-icons/MaterialIcons-Regular.woff2') format('woff2'),
 
+       url('/static/fonts/material-icons/MaterialIcons-Regular.woff') format('woff');
 
+  font-display: swap;
 
+}
 
+
 
+@font-face {
 
+  font-family: 'Material Icons Outlined';
 
+  font-style: normal;
 
+  font-weight: 400;
 
+  src: url('/static/fonts/material-icons/MaterialIconsOutlined-Regular.woff2') format('woff2'),
 
+       url('/static/fonts/material-icons/MaterialIconsOutlined-Regular.woff') format('woff');
 
+  font-display: swap;
 
+}
 
+
 
+.material-icons {
 
+  font-family: 'Material Icons';
 
+  font-weight: normal;
 
+  font-style: normal;
 
+  font-size: 24px;
 
+  display: inline-block;
 
+  line-height: 1;
 
+  text-transform: none;
 
+  letter-spacing: normal;
 
+  word-wrap: normal;
 
+  white-space: nowrap;
 
+  direction: ltr;
 
+  -webkit-font-smoothing: antialiased;
 
+  text-rendering: optimizeLegibility;
 
+  -moz-osx-font-smoothing: grayscale;
 
+  font-feature-settings: "liga";
 
+}
 
+
 
+.material-icons-outlined {
 
+  font-family: 'Material Icons Outlined';
 
+  font-weight: normal;
 
+  font-style: normal;
 
+  font-size: 24px;
 
+  display: inline-block;
 
+  line-height: 1;
 
+  text-transform: none;
 
+  letter-spacing: normal;
 
+  word-wrap: normal;
 
+  white-space: nowrap;
 
+  direction: ltr;
 
+  -webkit-font-smoothing: antialiased;
 
+  text-rendering: optimizeLegibility;
 
+  -moz-osx-font-smoothing: grayscale;
 
+  font-feature-settings: "liga";
 
+}

+ 0 - 17
static/css/tailwind-input.css
Visa fil 

@@ -3,23 +3,6 @@
 
 @tailwind utilities;
 
 @tailwind utilities;
 
 
 
 /* Custom styles from base.html */
 
 /* Custom styles from base.html */
 
-.material-icons {
 
-  font-family: "Material Icons";
 
-  font-weight: normal;
 
-  font-style: normal;
 
-  font-size: 24px;
 
-  display: inline-block;
 
-  line-height: 1;
 
-  text-transform: none;
 
-  letter-spacing: normal;
 
-  word-wrap: normal;
 
-  white-space: nowrap;
 
-  direction: ltr;
 
-  -webkit-font-smoothing: antialiased;
 
-  text-rendering: optimizeLegibility;
 
-  -moz-osx-font-smoothing: grayscale;
 
-  font-feature-settings: "liga";
 
-}
 
 
 
 /* Dark mode styles */
 
 /* Dark mode styles */
 
 .dark {
 
 .dark {

+ 11 - 0
static/fonts/material-icons/MaterialIcons-Regular.woff
Visa fil 

@@ -0,0 +1,11 @@
 
+<!DOCTYPE html>
 
+<html lang=en>
 
+  <meta charset=utf-8>
 
+  <meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width">
 
+  <title>Error 404 (Not Found)!!1</title>
 
+  <style>
 
+    *{margin:0;padding:0}html,code{font:15px/22px arial,sans-serif}html{background:#fff;color:#222;padding:15px}body{margin:7% auto 0;max-width:390px;min-height:180px;padding:30px 0 15px}* > body{background:url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;padding-right:205px}p{margin:11px 0 22px;overflow:hidden}ins{color:#777;text-decoration:none}a img{border:0}@media screen and (max-width:772px){body{background:none;margin-top:0;max-width:none;padding-right:0}}#logo{background:url(//www.google.com/images/branding/googlelogo/1x/googlelogo_color_150x54dp.png) no-repeat;margin-left:-5px}@media only screen and (min-resolution:192dpi){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat 0% 0%/100% 100%;-moz-border-image:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) 0}}@media only screen and (-webkit-min-device-pixel-ratio:2){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat;-webkit-background-size:100% 100%}}#logo{display:inline-block;height:54px;width:150px}
 
+  </style>
 
+  <a href=//www.google.com/><span id=logo aria-label=Google></span></a>
 
+  <p><b>404.</b> <ins>That’s an error.</ins>
 
+  <p>The requested URL <code>/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff</code> was not found on this server.  <ins>That’s all we know.</ins>

BIN
static/fonts/material-icons/MaterialIcons-Regular.woff2
Visa fil


+ 11 - 0
static/fonts/material-icons/MaterialIconsOutlined-Regular.woff
Visa fil 

@@ -0,0 +1,11 @@
 
+<!DOCTYPE html>
 
+<html lang=en>
 
+  <meta charset=utf-8>
 
+  <meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width">
 
+  <title>Error 404 (Not Found)!!1</title>
 
+  <style>
 
+    *{margin:0;padding:0}html,code{font:15px/22px arial,sans-serif}html{background:#fff;color:#222;padding:15px}body{margin:7% auto 0;max-width:390px;min-height:180px;padding:30px 0 15px}* > body{background:url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;padding-right:205px}p{margin:11px 0 22px;overflow:hidden}ins{color:#777;text-decoration:none}a img{border:0}@media screen and (max-width:772px){body{background:none;margin-top:0;max-width:none;padding-right:0}}#logo{background:url(//www.google.com/images/branding/googlelogo/1x/googlelogo_color_150x54dp.png) no-repeat;margin-left:-5px}@media only screen and (min-resolution:192dpi){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat 0% 0%/100% 100%;-moz-border-image:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) 0}}@media only screen and (-webkit-min-device-pixel-ratio:2){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat;-webkit-background-size:100% 100%}}#logo{display:inline-block;height:54px;width:150px}
 
+  </style>
 
+  <a href=//www.google.com/><span id=logo aria-label=Google></span></a>
 
+  <p><b>404.</b> <ins>That’s an error.</ins>
 
+  <p>The requested URL <code>/s/materialiconsoutlined/v108/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcel5euIg.woff</code> was not found on this server.  <ins>That’s all we know.</ins>

BIN
static/fonts/material-icons/MaterialIconsOutlined-Regular.woff2
Visa fil


+ 1 - 25
templates/base.html
Visa fil 

@@ -25,32 +25,8 @@
 
     <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
 
     <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
 
     <link rel="manifest" href="/static/site.webmanifest?v=2">
 
     <link rel="manifest" href="/static/site.webmanifest?v=2">
 
     <link rel="stylesheet" href="/static/css/tailwind.css">
 
     <link rel="stylesheet" href="/static/css/tailwind.css">
 
-    <link
 
-      href="https://fonts.googleapis.com/icon?family=Material+Icons"
 
-      rel="stylesheet"
 
-    />
 
-    <link
 
-      href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined"
 
-      rel="stylesheet"
 
-    />
 
+    <link rel="stylesheet" href="/static/css/material-icons.css">
 
     <style>
 
     <style>
 
-      .material-icons {
 
-        font-family: "Material Icons";
 
-        font-weight: normal;
 
-        font-style: normal;
 
-        font-size: 24px;
 
-        display: inline-block;
 
-        line-height: 1;
 
-        text-transform: none;
 
-        letter-spacing: normal;
 
-        word-wrap: normal;
 
-        white-space: nowrap;
 
-        direction: ltr;
 
-        -webkit-font-smoothing: antialiased;
 
-        text-rendering: optimizeLegibility;
 
-        -moz-osx-font-smoothing: grayscale;
 
-        font-feature-settings: "liga";
 
-      }
 
 
 
       /* Mobile navigation styles */
 
       /* Mobile navigation styles */
 
       @media (max-width: 640px) {
 
       @media (max-width: 640px) {