add font

assets/css/font.scss

@@ -0,0 +1,21 @@
+// Choix de font
+
+//
+// https://www.alsacreations.com/article/lire/631-quelles-polices-pour-un-site-web.html
+//
+
+// Polices à empattements (serif)
+//$font-family: "Times New Roman", Times, "Liberation Serif", FreeSerif, serif
+//$font-family: Georgia, "DejaVu Serif", Norasi, serif
+
+// Polices sans empattements (sans-serif)
+//$font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif
+//$font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
+$font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif
+//$font-family: Tahoma, Geneva, Kalimati, sans-serif
+//$font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif
+//$font-family: Impact, "Arial Black", sans-serif
+
+// Polices à chasse fixe (monospace)
+//$font-family: "Courier New", Courier, "Liberation Mono", monospace
+//$font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace

assets/css/main.sass

@@ -1,15 +1,9 @@
-// $primary-color: #4CB58E
-// $light-color: #34495E
-// $dark-color: #fff
-// $bg-color: #303742
-// $base-font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace
-
-//@import "node_modules/spectre.css/src/spectre"
-//@import "node_modules/spectre.css/src/spectre-exp"
-//@import "node_modules/spectre.css/src/spectre-icons"
-//@import "node_modules/spectre.css/src/_variables"
+@import "./font"
 @import "./grid"
 
+// Couleur
+$primary-color: #e72520
+
 // Responsive breakpoints
 $size-xs: 480px
 $size-sm: 600px
@@ -20,13 +14,14 @@ $size-2x: 1440px
 
 body
   margin: 0
+  font-family: $font-family
 
 a
   color: black
-  text-decoration-color: #e72520
+  text-decoration-color: $primary-color
 
   &:hover
-    color: #e72520
+    color: $primary-color
 
 @mixin container
   max-width: $size-lg