/* Self-hosted webfonts. * * These replace a render-blocking to fonts.googleapis.com. A browser * will not paint until a stylesheet in resolves, so that link made every * page's first paint depend on a third party being reachable from the visitor's * network. osterman.co and fld.sh both self-host for this reason; this site was * the only one that did not. * * Weights are exactly those the CSS applies -- Raleway 400-800 (--font-heading) * and Poppins 400-600 (--font-body). Weight 300 was requested from Google but * never used by any rule, so it is not shipped. Poppins 700/800 are deliberately * absent: Google was never asked for them either, so the browser synthesises * bold exactly as it does today. Adding them would CHANGE rendering. * * Subset: latin (includes U+00C0-00FF, so accented names render). * * Both families are SIL Open Font License 1.1, which permits redistribution; * see OFL.txt alongside these files. * * font-display: swap keeps text visible during load -- the fallback renders * immediately and is swapped when the webfont arrives, so a slow or failed font * fetch can never blank the page. */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/fonts/raleway-400.woff2') format('woff2'); } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 500; font-display: swap; src: url('/assets/fonts/raleway-500.woff2') format('woff2'); } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 600; font-display: swap; src: url('/assets/fonts/raleway-600.woff2') format('woff2'); } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 700; font-display: swap; src: url('/assets/fonts/raleway-700.woff2') format('woff2'); } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 800; font-display: swap; src: url('/assets/fonts/raleway-800.woff2') format('woff2'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/fonts/poppins-400.woff2') format('woff2'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('/assets/fonts/poppins-500.woff2') format('woff2'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('/assets/fonts/poppins-600.woff2') format('woff2'); }