Merge pull request #46 from com-pas/embed-google

Embed Google Icons and Fonts

Author: Dennis Labordus

__snapshots__/open-scd.md

@@ -110,12 +110,12 @@
       class="top"
       disabled=""
       graphic="icon"
-      iconid="folder_open"
+      iconid="save"
       mwc-list-item=""
       tabindex="-1"
     >
       <mwc-icon slot="graphic">
-        folder_open
+        save
       </mwc-icon>
       <span>
         Save CoMPAS
@@ -753,7 +753,7 @@
       value="/src/menu/SaveToCompas.js"
     >
       <mwc-icon slot="meta">
-        folder_open
+        save
       </mwc-icon>
       Save CoMPAS
     </mwc-check-list-item>

index.html

@@ -7,8 +7,11 @@
   <meta name="Description" content="Open Substation Communication Designer is a bottom-up system configuration tool for projects described using IEC 61850-6 Edition 2 or greater.">
   <base href="/">
 
-  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300&family=Roboto:wght@300;400;500&display=swap" rel="stylesheet"> <!-- Poor unicode coverage -->
-  <link href="https://fonts.googleapis.com/css?family=Material+Icons+Outlined&display=block" rel="stylesheet">
+  <!-- Original URL from Google: https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300&family=Roboto:wght@300;400;500&display=swap -->
+  <link href="public/google/fonts/roboto-v27.css" rel="stylesheet">
+  <link href="public/google/fonts/roboto-mono-v13.css" rel="stylesheet">
+  <!-- Original URL from Google: https://fonts.googleapis.com/css?family=Material+Icons+Outlined&display=block -->
+  <link href="public/google/icons/material-icons-outlined.css" rel="stylesheet">
   <link href="public/css/normalize.css" rel="stylesheet">
   <link rel="manifest" href="manifest.json">
   <link rel="icon" type="image/png" sizes="16x16" href="public/favicon-16x16.png">

public/google/fonts/roboto-mono-v13-latin-300.ttf

@@ -0,0 +1,10 @@
+/* roboto-mono-300 - latin */
+@font-face {
+  font-family: 'Roboto Mono';
+  font-style: normal;
+  font-weight: 300;
+  src: local(''),
+  url('roboto-mono-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
+  url('roboto-mono-v13-latin-300.woff') format('woff'), /* Modern Browsers */
+  url('roboto-mono-v13-latin-300.ttf') format('truetype'); /* Safari, Android, iOS */
+}