198 lines
3.8 KiB
CSS
198 lines
3.8 KiB
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.ttf');
|
|
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Lato';
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
src: url('../fonts/lato/Lato-BoldItalic.ttf');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Lato';
|
|
font-weight: light;
|
|
font-style: normal;
|
|
src: url('../fonts/lato/Lato-Light.ttf');
|
|
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Lato';
|
|
font-weight: light;
|
|
font-style: italic;
|
|
src: url('../fonts/lato/Lato-LightItalic.ttf');
|
|
}
|
|
|
|
@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.ttf');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'DM Mono';
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
src: url('../fonts/dm-mono/DMMono-Italic.ttf');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'DM Mono';
|
|
font-weight: medium;
|
|
font-style: italic;
|
|
src: url('../fonts/dm-mono/DMMono-MediumItalic.ttf');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'DM Mono';
|
|
font-weight: medium;
|
|
font-style: normal;
|
|
src: url('../fonts/dm-mono/DMMono-Medium.ttf');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'DM Mono';
|
|
font-weight: light;
|
|
font-style: normal;
|
|
src: url('../fonts/dm-mono/DMMono-Light.ttf');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'DM Mono';
|
|
font-weight: light;
|
|
font-style: italic;
|
|
src: url('../fonts/dm-mono/DMMono-LightItalic.ttf');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
font-weight: medium;
|
|
font-style: normal;
|
|
src: url('../fonts/open-sans/OpenSans-Medium.ttf');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'DM Serif';
|
|
font-weight: bolder;
|
|
font-style: italic;
|
|
src: url('../fonts/open-sans/OpenSans-ExtraBold.ttf');
|
|
}
|
|
|
|
/* 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 {
|
|
font-size: max(var(--text-variable-size), var(--text-min-size));
|
|
}
|
|
|
|
.md-typeset {
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-weight: 900;
|
|
}
|
|
}
|
|
|
|
.md-typeset {
|
|
|
|
h1,
|
|
h2,
|
|
h3 {
|
|
font-family: var(--primary-font);
|
|
}
|
|
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-family: var(--secondary-font);
|
|
}
|
|
}
|