Skip to content

Instantly share code, notes, and snippets.

@johneatmon
Created March 17, 2021 17:44
Show Gist options
  • Save johneatmon/dad7af4fc864f245630ec90bd21c8637 to your computer and use it in GitHub Desktop.
Save johneatmon/dad7af4fc864f245630ec90bd21c8637 to your computer and use it in GitHub Desktop.
$hk-grotesk-path: '../fonts/hkgrotesk-';
$weights: 300, 400, 500, 600, 700, 800, 900;
@each $weight in $weights {
@font-face {
font-family: 'hk grotesk';
src: url('#{$hk-grotesk-path}#{$weight}-webfont.woff2') format('woff2'),
url('#{$hk-grotesk-path}#{$weight}-webfont.woff') format('woff');
font-weight: $weight;
font-style: normal;
font-display: swap;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment