/* Local Poppins @font-face helper Drop the Poppins .woff2 files into this folder (./fonts) and then include this stylesheet in your pages (replace fonts/poppins.css with fonts/poppins-local.css in the ) to self-host fonts. Example PowerShell snippet to download the three woff2 files used previously: $urls = @( 'https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2', 'https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2', 'https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2' ) foreach ($u in $urls) { $name = Split-Path $u -Leaf; Invoke-WebRequest $u -OutFile (Join-Path $PSScriptRoot $name) } After downloading, include this file in your HTML head and add preload links for the woff2 files. */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url('pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2') format('woff2'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2') format('woff2'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2') format('woff2'); }