site/content/assets/css/_fonts.css

/*****************************
* FONTS
*****************************/

@font-face {
     font-family: 'Libre Baskerville';
     font-weight: normal;
     font-style: normal;
     src: url('../fonts/libre-baskerville/LibreBaskerville-Regular.woff');
}

@font-face {
     font-family: 'Libre Baskerville';
     font-weight: bold;
     font-style: normal;
     src: url('../fonts/libre-baskerville/LibreBaskerville-Bold.woff');

}

@font-face {
     font-family: 'Libre Baskerville';
     font-weight: normal;
     font-style: italic;
     src: url('../fonts/libre-baskerville/LibreBaskerville-Italic.woff');

}

@font-face {
     font-family: 'Lato';
     font-weight: normal;
     font-style: normal;
     src: url('../fonts/lato/Lato-Regular.ttf');

}

@font-face {
     font-family: 'Lato';
     font-weight: normal;
     font-style: italic;
     src: url('../fonts/lato/Lato-Italic.ttf');

}

@font-face {
     font-family: 'Lato';
     font-weight: bold;
     font-style: normal;
     src: url('../fonts/lato/Lato-Bold.woff2');

}

@font-face {
     font-family: 'Lato';
     font-weight: bold;
     font-style: italic;
     src: url('../fonts/lato/Lato-BoldItalic.woff2');
}

@font-face {
     font-family: 'Lato';
     font-weight: light;
     font-style: normal;
     src: url('../fonts/lato/Lato-Regular.woff2');

}

@font-face {
     font-family: 'Lato';
     font-weight: light;
     font-style: italic;
     src: url('../fonts/lato/Lato-Italic.woff2');
}

@font-face {
     font-family: 'Lato';
     font-weight: bolder;
     font-style: normal;
     src: url('../fonts/lato/Lato-Black.ttf');
}

@font-face {
     font-family: 'Lato';
     font-weight: bolder;
     font-style: italic;
     src: url('../fonts/lato/Lato-BlackItalic.ttf');
}

@font-face {
     font-family: 'Lato';
     font-weight: thin;
     font-style: normal;
     src: url('../fonts/lato/Lato-Light.ttf');
}

@font-face {
     font-family: 'Lato';
     font-weight: thin;
     font-style: italic;
     src: url('../fonts/lato/Lato-ThinItalic.ttf');
}

@font-face {
     font-family: 'DM Mono';
     font-weight: normal;
     font-style: normal;
     src: url('../fonts/dm-mono/DMMono-Regular.woff2');
}

@font-face {
     font-family: 'DM Mono';
     font-weight: normal;
     font-style: italic;
     src: url('../fonts/dm-mono/DMMono-Italic.woff2');
}

@font-face {
     font-family: 'DM Mono';
     font-weight: medium;
     font-style: italic;
     src: url('../fonts/dm-mono/DMMono-MediumItalic.woff2');
}

@font-face {
     font-family: 'DM Mono';
     font-weight: medium;
     font-style: normal;
     src: url('../fonts/dm-mono/DMMono-Medium.woff2');
}

@font-face {
     font-family: 'DM Mono';
     font-weight: light;
     font-style: normal;
     src: url('../fonts/dm-mono/DMMono-Light.woff2');
}

@font-face {
     font-family: 'DM Mono';
     font-weight: light;
     font-style: italic;
     src: url('../fonts/dm-mono/DMMono-LightItalic.woff2');
}

@font-face {
     font-family: 'Open Sans';
     font-weight: medium;
     font-style: normal;
     src: url('../fonts/open-sans/OpenSans-Medium.woff2');
}

@font-face {
     font-family: 'DM Serif';
     font-weight: bolder;
     font-style: italic;
     src: url('../fonts/open-sans/OpenSans-ExtraBold.woff2');
}

/* Variables */

:root {
     --primary-font: 'Libre Baskerville', serif;
     --secondary-font: 'Lato', sans-serif;
     --tertiary-font: 'DM Mono', monospace;
     --number-font: 'Open Sans', sans-serif;
}

/* Typeset */

.md-typeset {
     p, li, ul {
          font-family: var(--primary-font);
     }

     figcaption {
          font-family: var(--secondary-font);
          font-style: normal;
     }

     h1,
     h2,
     h3 {
          font-family: var(--secondary-font);
     }

     h4,
     h5,
     h6 {
          font-family: var(--secondary-font);
     }
}

.md-typeset {

     h1,
     h2,
     h3,
     h4,
     h5,
     h6 {
          font-weight: bold;
     }
}