fonter & farger

src/App.vue

@@ -14,7 +14,7 @@
       <label for="radio_nob">Bokmål</label>
       <input type="radio" id="radio_nno" value="nno" v-model="lang">
       <label for="radio_nno">Nynorsk</label>
-      |||
+      -----
       <input type="radio" id="radio_norsk" value="norsk_ordbok" v-model="lang">
       <label for="radio_norsk">Norsk Ordbok</label>
     </header>
@@ -160,8 +160,11 @@ export default {
 </script>
 
 <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');
+
 #app {
-  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   color: #2c3e50;

src/components/Article.vue

@@ -66,10 +66,11 @@ article {
 
 h3 {
   margin: 40px 0 0;
+  color: #560027;
 }
 
 a {
-  //color: #42b983;
+  color: #560027;
 }
 
 li {
@@ -94,6 +95,7 @@ li.definition.level1, li.definition.level2 {
 
 ::marker {
   font-weight: bold;
+  color: #560027;
 }
 
 ol > li:only-child.level1, li:only-child.level2, li:only-child.level3 {

src/components/Header.vue

@@ -42,12 +42,16 @@ export default {
 </script>
 
 <style>
+
 .word-classification {
   text-decoration: underline dashed;
 }
 
 h1 {
   display: inline;
+  font-family: Inria Serif;
+  font-size: 36px;
+  color: #560027;
 }
 
 .inflection table {