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

cataloguefontshare · api.fontshare.com

Erode

variable 300 700roman + italic2 faces resolved

Type tester

Choose what to load

Erode 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.

2 faces resolved from 1 weight × 2 styles × 1 subset

Weights

Styles

What you get

Coverage

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

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

Detail

Formats
woff2, woff, ttf (what the provider can serve. This page asks for woff2)
Fallbacks
serif
Also on
only fontshare
Transfer
measuring…

Ship it

Exactly the selection above.

CSS

@font-face {
  font-family: "Erode";
  src: url("https://cdn.fontshare.com/wf/YVHXIVYMTHSZF6EW66XL7QNUAFEYQBX5/CCRUQ7ASHMKXJT5SBSL4ST3ZADAZ2CZL/MOKCGU3EKYHOXP3Y5X7XQ2BPG4HCMF66.woff2") format("woff2");
  font-display: swap;
  font-weight: 300 700;
  font-style: normal;
}

@font-face {
  font-family: "Erode";
  src: url("https://cdn.fontshare.com/wf/4GDBXYSCBGNURX6OPUJE2EMBI6UDBLJZ/JC4NOSNPXLCVFO3PNRMEM2Q66I7UUFKD/OCJ3WFMT5PZOL4G7ERGYK77EYKDLSNTR.woff2") format("woff2");
  font-display: swap;
  font-weight: 300 700;
  font-style: italic;
}

:root {
  --font-erode: Erode, "Erode fallback", serif;
}

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