Calibri font added and applied #59

CCP-WSI · Mar 3, 2022 · afb711d · afb711d
1 parent 426276e
commit afb711d
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 4 deletions.
diff --git a/frontend/static/style/fonts/calibri/calibri-bold.ttf b/frontend/static/style/fonts/calibri/calibri-bold.ttf
diff --git a/frontend/static/style/fonts/calibri/calibri-light.ttf b/frontend/static/style/fonts/calibri/calibri-light.ttf
diff --git a/frontend/static/style/fonts/calibri/calibri-regular.ttf b/frontend/static/style/fonts/calibri/calibri-regular.ttf
diff --git a/frontend/style/base/_fonts.scss b/frontend/style/base/_fonts.scss
@@ -7,6 +7,14 @@
     font-style: normal;
 }
 
+@font-face {
+    font-family: "calibri bold";
+    src: url('fonts/calibri/calibri-bold.tff') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+
 // Regular
 @font-face {
     font-family: "Roboto Regular";
@@ -15,6 +23,16 @@
     font-weight: normal;
     font-style: normal;
 }
+
+@font-face {
+    font-family: "calibri regular";
+    src: url('fonts/calibri/calibri-regular.tff') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+
+
 // Light
 @font-face {
     font-family: "Roboto Light";
@@ -23,3 +41,11 @@
     font-weight: normal;
     font-style: normal;
 }
+
+@font-face {
+    font-family: "calibri light";
+    src: url('fonts/calibri/calibri-light.tff') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
diff --git a/frontend/style/settings/_variables.scss b/frontend/style/settings/_variables.scss
@@ -17,9 +17,9 @@ $divider:   #ddd;
 // ----------------------------------------
 
 // Fonts
-$primaryFontBold:  'Roboto Bold', Helvetica, arial, sans-serif;
-$primaryFont:  'Roboto Regular', Helvetica, arial, sans-serif;
-$primaryFontLight:  'Roboto Light', Helvetica, arial, sans-serif;
+$primaryFontBold:  'calibri bold', Helvetica, arial, sans-serif;
+$primaryFont:  'calibri regular', Helvetica, arial, sans-serif;
+$primaryFontLight:  'calibri light', Helvetica, arial, sans-serif;
 
 
 // Size
@@ -32,4 +32,4 @@ $defaultLineHeight: 1.5;
 // Sizes
 // ----------------------------------------
 
-$contentWidth: 1320px;
+$contentWidth: 1320px;