Skip to content

Instantly share code, notes, and snippets.

@hobgoblina
Created July 24, 2022 19:35
Show Gist options
  • Save hobgoblina/1144fc52bbc03a72b257cc8533110eaf to your computer and use it in GitHub Desktop.
Save hobgoblina/1144fc52bbc03a72b257cc8533110eaf to your computer and use it in GitHub Desktop.
Fira Code font css
@font-face {
font-family: 'Fira Code';
src: url('https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/woff2/FiraCode-Light.woff2') format('woff2'),
url("https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/woff/FiraCode-Light.woff") format("woff");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Fira Code';
src: url('https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/woff2/FiraCode-Regular.woff2') format('woff2'),
url("https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/woff/FiraCode-Regular.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Fira Code';
src: url('https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/woff2/FiraCode-Medium.woff2') format('woff2'),
url("https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/woff/FiraCode-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Fira Code';
src: url('https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/woff2/FiraCode-SemiBold.woff2') format('woff2'),
url("https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/woff/FiraCode-SemiBold.woff") format("woff");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Fira Code';
src: url('https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/woff2/FiraCode-Bold.woff2') format('woff2'),
url("https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/woff/FiraCode-Bold.woff") format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Fira Code VF';
src: url('https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/woff2/FiraCode-VF.woff2') format('woff2-variations'),
url('https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/woff/FiraCode-VF.woff') format('woff-variations');
/* font-weight requires a range: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide#Using_a_variable_font_font-face_changes */
font-weight: 300 700;
font-style: normal;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment