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

cataloguefontsource · api.fontsource.org

Akatab

6 weightsroman only3 subsets18 faces resolved

not offered by this provider

Choose what to load

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

Detail

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

Ship it

Exactly the selection above.

CSS 
/* latin */
@font-face {
  font-family: "Akatab";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/akatab@latest/latin-400-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 400;
  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;
}

/* latin */
@font-face {
  font-family: "Akatab";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/akatab@latest/latin-500-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 500;
  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;
}

/* latin */
@font-face {
  font-family: "Akatab";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/akatab@latest/latin-600-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 600;
  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;
}

/* latin */
@font-face {
  font-family: "Akatab";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/akatab@latest/latin-700-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 700;
  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;
}

/* latin */
@font-face {
  font-family: "Akatab";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/akatab@latest/latin-800-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 800;
  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;
}

/* latin */
@font-face {
  font-family: "Akatab";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/akatab@latest/latin-900-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 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;
}

/* latin-ext */
@font-face {
  font-family: "Akatab";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/akatab@latest/latin-ext-400-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 400;
  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-ext */
@font-face {
  font-family: "Akatab";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/akatab@latest/latin-ext-500-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 500;
  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-ext */
@font-face {
  font-family: "Akatab";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/akatab@latest/latin-ext-600-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 600;
  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-ext */
@font-face {
  font-family: "Akatab";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/akatab@latest/latin-ext-700-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 700;
  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-ext */
@font-face {
  font-family: "Akatab";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/akatab@latest/latin-ext-800-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 800;
  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-ext */
@font-face {
  font-family: "Akatab";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/akatab@latest/latin-ext-900-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 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;
}

/* tifinagh */
@font-face {
  font-family: "Akatab";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/akatab@latest/tifinagh-400-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 400;
  font-style: normal;
  unicode-range: U+02C7, U+0301-0302, U+0304, U+0306-0307, U+0309, U+0323, U+0331, U+200C-200D, U+202E, U+25CC, U+2D30-2D7F;
}

/* tifinagh */
@font-face {
  font-family: "Akatab";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/akatab@latest/tifinagh-500-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 500;
  font-style: normal;
  unicode-range: U+02C7, U+0301-0302, U+0304, U+0306-0307, U+0309, U+0323, U+0331, U+200C-200D, U+202E, U+25CC, U+2D30-2D7F;
}

/* tifinagh */
@font-face {
  font-family: "Akatab";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/akatab@latest/tifinagh-600-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 600;
  font-style: normal;
  unicode-range: U+02C7, U+0301-0302, U+0304, U+0306-0307, U+0309, U+0323, U+0331, U+200C-200D, U+202E, U+25CC, U+2D30-2D7F;
}

/* tifinagh */
@font-face {
  font-family: "Akatab";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/akatab@latest/tifinagh-700-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 700;
  font-style: normal;
  unicode-range: U+02C7, U+0301-0302, U+0304, U+0306-0307, U+0309, U+0323, U+0331, U+200C-200D, U+202E, U+25CC, U+2D30-2D7F;
}

/* tifinagh */
@font-face {
  font-family: "Akatab";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/akatab@latest/tifinagh-800-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 800;
  font-style: normal;
  unicode-range: U+02C7, U+0301-0302, U+0304, U+0306-0307, U+0309, U+0323, U+0331, U+200C-200D, U+202E, U+25CC, U+2D30-2D7F;
}

/* tifinagh */
@font-face {
  font-family: "Akatab";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/akatab@latest/tifinagh-900-normal.woff2") format("woff2");
  font-display: swap;
  font-weight: 900;
  font-style: normal;
  unicode-range: U+02C7, U+0301-0302, U+0304, U+0306-0307, U+0309, U+0323, U+0331, U+200C-200D, U+202E, U+25CC, U+2D30-2D7F;
}

:root {
  --font-akatab: Akatab, "Akatab fallback", sans-serif;
}

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