cataloguegoogle · fonts.google.com

Alan Sans

variable 300 900roman only4 subsets3 faces resolved

size 72px

leading 1.10

tracking -0.02em

weight 400variable 300–900

italicnot offered by this provider

Choose what to load

Alan Sans 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.

3 faces resolved from 1 weight × 1 style × 4 subsets

Providers

google bunny fontsource

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ì✕ missing ể ủ ạ
greekΞεσκεπάζω την ψυχοφθόρα βδελυγμία✕ missing Ξ ε σ κ π ά ζ ω τ η ν ψ υ χ ο φ θ ό ρ α β δ λ γ μ ί
cyrillicСъешь же ещё этих мягких французских булок✕ missing С ъ е ш ь ж щ ё э т и х м я г к ф р а н ц у з с б л о
currency£ € $ ¥ ₹ ₽ ₩ ₪ ₴ ₦✓ complete
punctuation“curly” ‘quotes’ — em dash … ellipsis † ‡ § ¶✓ complete
maths≈ ≠ ≤ ≥ ± × ÷ ∑ √ ∞✕ missing ≈ ≠ ≤ ≥ ∑ √ ∞

Detail

Formats: woff2, woff, ttf, eot (what the provider can serve. This page asks for woff2)
Fallbacks: sans-serif
Also on: google, bunny, fontsource. compare them
Transfer: 76.1 kB across 3 files

Ship it

Exactly the selection above.

CSS

/* arabic */
@font-face {
  font-family: "Alan Sans";
  src: url("https://fonts.gstatic.com/s/alansans/v7/zOL-4pbDmq5Eu6ebjMSb6-RBkeJOiNLh.woff2") format("woff2");
  font-display: swap;
  font-weight: 300 900;
  font-style: normal;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

/* latin-ext */
@font-face {
  font-family: "Alan Sans";
  src: url("https://fonts.gstatic.com/s/alansans/v7/zOL-4pbDmq5Eu6ebjMSb4ORBkeJOiNLh.woff2") format("woff2");
  font-display: swap;
  font-weight: 300 900;
  font-style: normal;
  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;
}

/* latin */
@font-face {
  font-family: "Alan Sans";
  src: url("https://fonts.gstatic.com/s/alansans/v7/zOL-4pbDmq5Eu6ebjMSb7uRBkeJOiA.woff2") format("woff2");
  font-display: swap;
  font-weight: 300 900;
  font-style: normal;
  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;
}

:root {
  --font-alan-sans: "Alan Sans", "Alan Sans fallback", sans-serif;
}

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

Type tester