set font-family to Glacial Indifference

src/app/pieces/educational-objective/educational-objective.component.scss

@@ -84,7 +84,8 @@
         &-title {
             margin-top: 20px;
             font-size: 25px;
-            font-weight: bold;
+            //font-weight: bold;
+            font-family: 'Glacial Indifference Bold';
         }
         &-objective{
             height: 100%;

src/app/pieces/game-context/game-context.component.scss

@@ -97,7 +97,8 @@
         &-title {
             margin-top: 20px;
             font-size: 25px;
-            font-weight: bold;
+            //font-weight: bold;
+            font-family: 'Glacial Indifference Bold';
         }
         &-universe {
             display: flex;

src/app/pieces/game-educationnal-objective/game-educationnal-objective.component.scss

@@ -74,7 +74,8 @@
         &-title {
             margin-top: 20px;
             font-size: 25px;
-            font-weight: bold;
+            //font-weight: bold;
+            font-family: 'Glacial Indifference Bold';
         }
         &-objective{
             height: 100%;

src/app/pieces/mission-context/mission-context.component.scss

@@ -103,7 +103,8 @@
         &-title {
             margin-top: 20px;
             font-size: 25px;
-            font-weight: bold;
+            //font-weight: bold;
+            font-family: 'Glacial Indifference Bold';
         }
         &-duration {
             display: flex;

src/app/pieces/role/role.component.html

@@ -16,7 +16,7 @@
             <input name="intitule" type="text" placeholder="Organisateur de goûters d'anniversaire"/>   
         </div>
         <div class="piece-form-name">
-            <label for="name">Nom de le quête</label>
+            <label for="name">Nom de la quête</label>
             <input name="name" type="text" placeholder="Fête d'anniversaire"/>   
         </div>
         <div class="piece-form-objective">

src/app/pieces/role/role.component.scss

@@ -106,7 +106,8 @@
         &-title {
             margin-top: 20px;
             font-size: 25px;
-            font-weight: bold;
+            //font-weight: bold;
+            font-family: 'Glacial Indifference Bold';
         }
         &-intitule {
             display: flex;

src/app/pieces/task/task.component.scss

@@ -140,7 +140,8 @@
             }
             &-title {
                 font-size: 25px;
-                font-weight: bold;
+                //font-weight: bold;
+                font-family: 'Glacial Indifference Bold';
             }
             &-symbol {
                 width: 50px;

src/styles.scss

@@ -3,10 +3,31 @@
     --background-color: white;
 }
 
+@font-face {
+    font-family: 'Glacial Indifference';
+    src: url(../src/assets/fonts/GlacialIndifference-Regular.otf);
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Glacial Indifference Bold';
+    src: url(../src/assets/fonts/GlacialIndifference-Bold.otf);
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Glacial Indifference Italic';
+    src: url(../src/assets/fonts/GlacialIndifference-Italic.otf);
+    font-weight: normal;
+    font-style: italic;
+}
+
 body {
     margin-top: 60px;
     background-color: var(--background-color);
-    font-family: Glacial Indifference;
+    font-family: 'Glacial Indifference', sans-serif;
     //transform: scale(0.9);
     //transform-origin: top left;
 }
\ No newline at end of file