Merge branch 'dev' into 'prod'

Dev: webfonts

See merge request spraksamlingane/beta.ordbok.uib.no!136

src/App.vue

@@ -15,13 +15,13 @@
 
 
     <footer>
-      <div id="photo-attribution" v-if="!$route.name">{{$t('photo')}}</div>
+      <div id="photo-attribution" v-if="!$route.name"><span :aria-label="$t('background')"/>{{$t('photo')}}</div>
       <div :class="$vuetify.breakpoint.xs?'sm':'lg'">
         <div>
-          <img id="srlogo" src="./assets/Sprakradet_logo_neg.png" alt="">
+          <img id="srlogo" src="./assets/Sprakradet_logo_neg.png" alt="Logo, Språkrådet">
         </div>
         <div>
-          <img id="uiblogo" src="./assets/uib-logo.svg" alt="">
+          <img id="uiblogo" src="./assets/uib-logo.svg" alt="Logo, UiB">
         </div>
       </div>
       <div><em>Bokmålsordboka</em>{{$t('and')}}<em>Nynorskordboka</em>{{$t('footer_description')}} <a href="mailto:ordbok-beta@uib.no">ordbok-beta@uib.no</a>.</div>
@@ -45,15 +45,49 @@ import TopBar from './components/TopBar.vue'
 
 
 <style>
-  @import url('https://fonts.googleapis.com/css2?family=Inria+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');
-  @import url('https://fonts.googleapis.com/css2?family=Inria+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
-
-  @font-face {
-    font-family: NotoParen;
-    font-style: italic;
-    src: url('./assets/NotoSansParen.woff') format('woff');
-    unicode-range: U+28-29;
-  }
+@font-face {
+  font-family: 'Inria Serif';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('./assets/fC1lPYxPY3rXxEndZJAzN3Srdy0.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: 'Inria Serif';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('./assets/fC14PYxPY3rXxEndZJAzN3wQUjjCjl0.woff2')format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+
+@font-face {
+  font-family: 'Noto Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('./assets/o-0IIpQlx3QUlC5A4PNr5TRA.woff2')format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: 'Noto Sans';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url('./assets/o-0OIpQlx3QUlC5A4PNr4ARCQ_k.woff2')format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: NotoParen;
+  font-style: italic;
+  src: url('./assets/NotoSansParen.woff') format('woff');
+  unicode-range: U+28-29;
+}
 
 
 #app {

src/locales/eng.json

 {
   "sub_title": "Bokmålsordboka and Nynorskordboka",
+  "background": "Background image: ",
   "photo": "Photo by Jeremy Bishop on unsplash.com",
   "close": "Close",
   "cancel": "Cancel",

src/locales/nno.json

 {
     "sub_title": "Bokmålsordboka og Nynorskordboka",
     "photo": "Foto: Jeremy Bishop (unsplash.com)",
+    "background": "Bakgrunnsbilde. ",
     "close": "Lukk",
     "cancel": "Avbryt",
     "to_top": "Til toppen",

src/locales/nob.json

 {
   "sub_title": "Bokmålsordboka og Nynorskordboka",
   "photo": "Foto: Jeremy Bishop (unsplash.com)",
+  "background": "Bakgrunnsbilde. ",
   "close": "Lukk",
   "cancel": "Avbryt",
   "to_top": "Til toppen",