cataloguefontsource · api.fontsource.org
Iosevka Aile
9 weightsroman + italic1 subsets18 faces resolved
Type tester
What this text costs
Bytes on the wire for the sample above: everything the selection publishes, only the files your text pulls, and, where the provider can subset to a glyph list, that too.
Choose what to load
Iosevka Aile 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.
18 faces resolved from 9 weights × 2 styles × 1 subset
What you get
Coverage
- 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)
- Fallbacks
- monospace
- Also on
- only
fontsource - Transfer
- measuring…
Ship it
/* latin */
@font-face {
font-family: "Iosevka Aile";
src: url("https://cdn.jsdelivr.net/fontsource/fonts/iosevka-aile@latest/latin-100-normal.woff2") format("woff2");
font-display: swap;
font-weight: 100;
font-style: normal;
}
/* latin */
@font-face {
font-family: "Iosevka Aile";
src: url("https://cdn.jsdelivr.net/fontsource/fonts/iosevka-aile@latest/latin-200-normal.woff2") format("woff2");
font-display: swap;
font-weight: 200;
font-style: normal;
}
/* latin */
@font-face {
font-family: "Iosevka Aile";
src: url("https://cdn.jsdelivr.net/fontsource/fonts/iosevka-aile@latest/latin-300-normal.woff2") format("woff2");
font-display: swap;
font-weight: 300;
font-style: normal;
}
/* latin */
@font-face {
font-family: "Iosevka Aile";
src: url("https://cdn.jsdelivr.net/fontsource/fonts/iosevka-aile@latest/latin-400-normal.woff2") format("woff2");
font-display: swap;
font-weight: 400;
font-style: normal;
}
/* latin */
@font-face {
font-family: "Iosevka Aile";
src: url("https://cdn.jsdelivr.net/fontsource/fonts/iosevka-aile@latest/latin-500-normal.woff2") format("woff2");
font-display: swap;
font-weight: 500;
font-style: normal;
}
/* latin */
@font-face {
font-family: "Iosevka Aile";
src: url("https://cdn.jsdelivr.net/fontsource/fonts/iosevka-aile@latest/latin-600-normal.woff2") format("woff2");
font-display: swap;
font-weight: 600;
font-style: normal;
}
/* latin */
@font-face {
font-family: "Iosevka Aile";
src: url("https://cdn.jsdelivr.net/fontsource/fonts/iosevka-aile@latest/latin-700-normal.woff2") format("woff2");
font-display: swap;
font-weight: 700;
font-style: normal;
}
/* latin */
@font-face {
font-family: "Iosevka Aile";
src: url("https://cdn.jsdelivr.net/fontsource/fonts/iosevka-aile@latest/latin-800-normal.woff2") format("woff2");
font-display: swap;
font-weight: 800;
font-style: normal;
}
/* latin */
@font-face {
font-family: "Iosevka Aile";
src: url("https://cdn.jsdelivr.net/fontsource/fonts/iosevka-aile@latest/latin-900-normal.woff2") format("woff2");
font-display: swap;
font-weight: 900;
font-style: normal;
}
/* latin */
@font-face {
font-family: "Iosevka Aile";
src: url("https://cdn.jsdelivr.net/fontsource/fonts/iosevka-aile@latest/latin-100-italic.woff2") format("woff2");
font-display: swap;
font-weight: 100;
font-style: italic;
}
/* latin */
@font-face {
font-family: "Iosevka Aile";
src: url("https://cdn.jsdelivr.net/fontsource/fonts/iosevka-aile@latest/latin-200-italic.woff2") format("woff2");
font-display: swap;
font-weight: 200;
font-style: italic;
}
/* latin */
@font-face {
font-family: "Iosevka Aile";
src: url("https://cdn.jsdelivr.net/fontsource/fonts/iosevka-aile@latest/latin-300-italic.woff2") format("woff2");
font-display: swap;
font-weight: 300;
font-style: italic;
}
/* latin */
@font-face {
font-family: "Iosevka Aile";
src: url("https://cdn.jsdelivr.net/fontsource/fonts/iosevka-aile@latest/latin-400-italic.woff2") format("woff2");
font-display: swap;
font-weight: 400;
font-style: italic;
}
/* latin */
@font-face {
font-family: "Iosevka Aile";
src: url("https://cdn.jsdelivr.net/fontsource/fonts/iosevka-aile@latest/latin-500-italic.woff2") format("woff2");
font-display: swap;
font-weight: 500;
font-style: italic;
}
/* latin */
@font-face {
font-family: "Iosevka Aile";
src: url("https://cdn.jsdelivr.net/fontsource/fonts/iosevka-aile@latest/latin-600-italic.woff2") format("woff2");
font-display: swap;
font-weight: 600;
font-style: italic;
}
/* latin */
@font-face {
font-family: "Iosevka Aile";
src: url("https://cdn.jsdelivr.net/fontsource/fonts/iosevka-aile@latest/latin-700-italic.woff2") format("woff2");
font-display: swap;
font-weight: 700;
font-style: italic;
}
/* latin */
@font-face {
font-family: "Iosevka Aile";
src: url("https://cdn.jsdelivr.net/fontsource/fonts/iosevka-aile@latest/latin-800-italic.woff2") format("woff2");
font-display: swap;
font-weight: 800;
font-style: italic;
}
/* latin */
@font-face {
font-family: "Iosevka Aile";
src: url("https://cdn.jsdelivr.net/fontsource/fonts/iosevka-aile@latest/latin-900-italic.woff2") format("woff2");
font-display: swap;
font-weight: 900;
font-style: italic;
}
:root {
--font-iosevka-aile: "Iosevka Aile", "Iosevka Aile fallback", monospace;
}
/*
* Metric-matched fallback, generated with fontaine. Put it after the family in your
* stack (`font-family: "Iosevka Aile", "Iosevka Aile fallback", monospace`)
* and the text will not move when the real font arrives.
*/
@font-face {
font-family: "Iosevka Aile fallback";
src: local("Courier New"), local("Cousine"), local("Liberation Mono"), local("DejaVu Sans Mono"), local("Menlo");
size-adjust: 100%;
ascent-override: 96.5%;
descent-override: 21.5%;
line-gap-override: 7%;
}
Used in
Stacks people have published from their own accounts that include Iosevka Aile. Found through a backlink index, read from those accounts themselves.
Reading the index…