unifont
  • All fonts Browse or filter the whole catalogue
  • Compare providers One family, every CDN, side by side
  • Documentation Install, providers, custom providers
  • HTTP API The endpoints this site is built on

↑↓ move↵ openesc close

cataloguebunny · fonts.bunny.net

Space Grotesk

5 weightsroman only3 subsets15 faces resolved

not offered by this provider

Choose what to load

Space Grotesk publishes more than you probably need. Each group keeps at least one selection, so the last one in a group can't be turned off.

15 faces resolved from 5 weights × 1 style × 3 subsets

Providers

Weights

Styles

Subsets

What you get

Coverage

Checked against the unicode-range of every face this selection resolved.

  • latinThe quick brown fox jumps over the lazy dog✓ complete
  • latin-extZażółć gęślą jaźń — příšerně žluťoucký kůň✓ complete
  • vietnameseTôi có thể ăn thủy tinh mà không hại gì✓ complete
  • greekΞεσκεπάζω την ψυχοφθόρα βδελυγμία✕ missing Ξ ε σ κ π ά ζ ω τ η ν ψ υ χ ο φ θ ό ρ α β δ λ γ μ ί
  • cyrillicСъешь же ещё этих мягких французских булок✕ missing С ъ е ш ь ж щ ё э т и х м я г к ф р а н ц у з с б л о
  • currency£ € $ ¥ ₹ ₽ ₩ ₪ ₴ ₦✓ complete
  • punctuation“curly” ‘quotes’ — em dash … ellipsis † ‡ § ¶✓ complete
  • maths≈ ≠ ≤ ≥ ± × ÷ ∑ √ ∞✕ missing ≈ ≠ ≤ ≥ ∑ √ ∞

Detail

Formats
woff2, woff (what the provider can serve. This page asks for woff2)
Fallbacks
sans-serif
Also on
google, bunny, fontshare, fontsource. compare them
Transfer
measuring…

Ship it

Exactly the selection above.

CSS 
/* latin */
@font-face {
  font-family: "Space Grotesk";
  src: url("https://fonts.bunny.net/space-grotesk/files/space-grotesk-latin-300-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 300;
  font-style: normal;
  font-stretch: 100%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: "Space Grotesk";
  src: url("https://fonts.bunny.net/space-grotesk/files/space-grotesk-latin-ext-300-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 300;
  font-style: normal;
  font-stretch: 100%;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* vietnamese */
@font-face {
  font-family: "Space Grotesk";
  src: url("https://fonts.bunny.net/space-grotesk/files/space-grotesk-vietnamese-300-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 300;
  font-style: normal;
  font-stretch: 100%;
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin */
@font-face {
  font-family: "Space Grotesk";
  src: url("https://fonts.bunny.net/space-grotesk/files/space-grotesk-latin-400-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 400;
  font-style: normal;
  font-stretch: 100%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: "Space Grotesk";
  src: url("https://fonts.bunny.net/space-grotesk/files/space-grotesk-latin-ext-400-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 400;
  font-style: normal;
  font-stretch: 100%;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* vietnamese */
@font-face {
  font-family: "Space Grotesk";
  src: url("https://fonts.bunny.net/space-grotesk/files/space-grotesk-vietnamese-400-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 400;
  font-style: normal;
  font-stretch: 100%;
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin */
@font-face {
  font-family: "Space Grotesk";
  src: url("https://fonts.bunny.net/space-grotesk/files/space-grotesk-latin-500-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 500;
  font-style: normal;
  font-stretch: 100%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: "Space Grotesk";
  src: url("https://fonts.bunny.net/space-grotesk/files/space-grotesk-latin-ext-500-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 500;
  font-style: normal;
  font-stretch: 100%;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* vietnamese */
@font-face {
  font-family: "Space Grotesk";
  src: url("https://fonts.bunny.net/space-grotesk/files/space-grotesk-vietnamese-500-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 500;
  font-style: normal;
  font-stretch: 100%;
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin */
@font-face {
  font-family: "Space Grotesk";
  src: url("https://fonts.bunny.net/space-grotesk/files/space-grotesk-latin-600-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 600;
  font-style: normal;
  font-stretch: 100%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: "Space Grotesk";
  src: url("https://fonts.bunny.net/space-grotesk/files/space-grotesk-latin-ext-600-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 600;
  font-style: normal;
  font-stretch: 100%;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* vietnamese */
@font-face {
  font-family: "Space Grotesk";
  src: url("https://fonts.bunny.net/space-grotesk/files/space-grotesk-vietnamese-600-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 600;
  font-style: normal;
  font-stretch: 100%;
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin */
@font-face {
  font-family: "Space Grotesk";
  src: url("https://fonts.bunny.net/space-grotesk/files/space-grotesk-latin-700-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 700;
  font-style: normal;
  font-stretch: 100%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: "Space Grotesk";
  src: url("https://fonts.bunny.net/space-grotesk/files/space-grotesk-latin-ext-700-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 700;
  font-style: normal;
  font-stretch: 100%;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* vietnamese */
@font-face {
  font-family: "Space Grotesk";
  src: url("https://fonts.bunny.net/space-grotesk/files/space-grotesk-vietnamese-700-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 700;
  font-style: normal;
  font-stretch: 100%;
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

:root {
  --font-space-grotesk: "Space Grotesk", "Space Grotesk fallback", sans-serif;
}

/*
 * Metric-matched fallback, generated with fontaine. Put it after the family in your
 * stack (`font-family: "Space Grotesk", "Space Grotesk fallback", sans-serif`)
 * and the text will not move when the real font arrives.
 */
@font-face {
  font-family: "Space Grotesk fallback";
  src: local("sans-serif");
  size-adjust: 100%;
  ascent-override: 98.4%;
  descent-override: 29.2%;
  line-gap-override: 0%;
}