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

Switzer

variable 100 900roman + italic2 faces resolved

Type tester

Choose what to load

Switzer 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
sans-serif
Also on
only fontshare
Transfer
74.8 kB across 2 files

Ship it

Exactly the selection above.

CSS

@font-face {
  font-family: "Switzer";
  src: url("https://cdn.fontshare.com/wf/HJHZ26OECMTXRH7JXPFC7EVIHDSLT2RA/LJRNLR7WCPF3PY3SZ7B2LHNUTQMFNCHL/4MCJYGQDIOOXHWSIIB2OYNDBEALJSOGN.woff2") format("woff2");
  font-display: swap;
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: "Switzer";
  src: url("https://cdn.fontshare.com/wf/KDSQNRHYYJCWSLSNMQTKJOY7QNC2IBLM/HGYBIGJ4X7DYUETLTGW4BIVO3FCWLJUR/AFY5UJBPUVSDM77Q42DSHPT5JUNR7N4Y.woff2") format("woff2");
  font-display: swap;
  font-weight: 100 900;
  font-style: italic;
}

:root {
  --font-switzer: Switzer, "Switzer fallback", sans-serif;
}

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