Embedded Google Fonts in application.

Signed-off-by: Dennis Labordus <[email protected]>

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,7 +7,10 @@
   <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 -->
+  <!-- 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">

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 */
+}