steffen/website
1
0
Fork 0
Code Actions Packages Releases Activity

Modern font stack (#5033)

Browse Source
This commit is contained in:
Lars Olesen
2025-04-26 07:28:45 +02:00
committed by Steffen Illium
parent 38959d7d87
commit e40c3b77b7
2 changed files with 43 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
_sass/minimal-mistakes/_base.scss
View File

@ -6,6 +6,8 @@ html {
/* sticky footer fix */ /* sticky footer fix */
position: relative; position: relative;
min-height: 100%; min-height: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} }
body { body {

49
_sass/minimal-mistakes/_variables.scss
View File

@ -15,23 +15,56 @@ $doc-font-size-x-large: $doc-font-size * 1.2 !default;
$paragraph-indent: false !default; // true, false (default) $paragraph-indent: false !default; // true, false (default)
$indent-var: 1.3em !default; $indent-var: 1.3em !default;
/* system typefaces */ /* Modern font stack */
$serif: Georgia, Times, serif !default; /* https://github.com/system-fonts/modern-font-stacks */
$sans-serif: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI",
"Helvetica Neue", "Lucida Grande", Arial, sans-serif !default;
$monospace: Monaco, Consolas, "Lucida Console", monospace !default;
/* sans serif typefaces */ /* Sans serif - modern font stack */
$sans-serif-narrow: $sans-serif !default; $system-ui: system-ui, sans-serif;
$humanist: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;
$geometric-humanist: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;
$classical-humanist: Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;
$neo-grotesque: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
$industrial: Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif;
$rounded-sans: ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT', 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif;
/* sans serif typefaces - defined in Minimal Mistakes */
$helvetica: Helvetica, "Helvetica Neue", Arial, sans-serif !default; $helvetica: Helvetica, "Helvetica Neue", Arial, sans-serif !default;
/* serif typefaces */ /* Serif - modern font stack */
$transitional: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
$old-style: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;;
$monospace-slab-serif: 'Nimbus Mono PS', 'Courier New', monospace;
$slab-serif: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
$antique: Superclarendon, 'Bookman Old Style', 'URW Bookman', 'URW Bookman L', 'Georgia Pro', Georgia, serif;
$didone: Didot, 'Bodoni MT', 'Noto Serif Display', 'URW Palladio L', P052, Sylfaen, serif;
/* serif typefaces - defined in Minimal Mistakes */
$georgia: Georgia, serif !default; $georgia: Georgia, serif !default;
$times: Times, serif !default; $times: Times, serif !default;
$bodoni: "Bodoni MT", serif !default; $bodoni: "Bodoni MT", serif !default;
$calisto: "Calisto MT", serif !default; $calisto: "Calisto MT", serif !default;
$garamond: Garamond, serif !default; $garamond: Garamond, serif !default;
/* Monospace - modern font stack */
$monospace-code: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
/* Handwritten - modern font stack */
$handwritten: 'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive;
/* Defaults used in Minimal mistakes */
$default-sans-serif: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
$default-serif: Georgia, Times, serif;
$default-monospace: Monaco, Consolas, "Lucida Console", monospace;
/* Emoji native from modern font stack - add to the end of the font-face for native emojis */
$emoji-native: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
/* system typefaces */
$serif: $default-serif !default;
$sans-serif: $default-sans-serif !default;
$sans-serif-narrow: $sans-serif !default;
$monospace: $default-monospace !default;
$global-font-family: $sans-serif !default; $global-font-family: $sans-serif !default;
$header-font-family: $sans-serif !default; $header-font-family: $sans-serif !default;
$caption-font-family: $serif !default; $caption-font-family: $serif !default;