app/assets/stylesheets/config/_fonts.scss
// Import Google fonts
@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fugaz+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap');
// Define fonts for body and headers
$body-font: 'Inconsolata', monospace;
$headers-font: 'Inconsolata', monospace;
$extra-headers-font: 'Fugaz One', cursive;
$counter-font: 'Cutive Mono', monospace;
// To use a font file (.woff) uncomment following lines
// @font-face {
// font-family: "Font Name";
// src: font-url('FontFile.eot');
// src: font-url('FontFile.eot?#iefix') format('embedded-opentype'),
// font-url('FontFile.woff') format('woff'),
// font-url('FontFile.ttf') format('truetype')
// }
// $my-font: "Font Name";