Fonts

License note: these web fonts are exclusively for use in ansarada products, sites and services. Do not download or redistribute these files.

Demo

Lexia Thin
Lexia Light
Lexia Regular
Lexia Bold
Aktiv Grotesk Light
Aktiv Grotesk Regular
Aktiv Grotesk Medium

Code

Font fallback stack

Fallback for all type:

-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif

Example:

body {
  font-family: "aktiv-regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}

Import CSS

NB: only import the fonts you actually need for your implementation.

/* Lexia */
@font-face {
    font-family: 'lexia-thin';
    src:  url('https://static.ansarada.com/fonts/20171005/Lexia_W_Th.woff2') format('woff2'),
    url('https://static.ansarada.com/fonts/20171005/Lexia_W_Th.woff') format('woff');
}
@font-face {
    font-family: 'lexia-light';
    src:  url('https://static.ansarada.com/fonts/20171005/Lexia_W_Lt.woff2') format('woff2'),
    url('https://static.ansarada.com/fonts/20171005/Lexia_W_Lt.woff') format('woff');
}
@font-face {
    font-family: 'lexia-regular';
    src:  url('https://static.ansarada.com/fonts/20171005/Lexia_W_Rg.woff2') format('woff2'),
    url('https://static.ansarada.com/fonts/20171005/Lexia_W_Rg.woff') format('woff');
}
@font-face {
    font-family: 'lexia-bold';
    src:  url('https://static.ansarada.com/fonts/20171005/Lexia_W_Bd.woff2') format('woff2'),
    url('https://static.ansarada.com/fonts/20171005/Lexia_W_Bd.woff') format('woff');
}

/* Aktiv Grotesk - WCorp variants are subset to latin, greek and cyrillic */
@font-face {
    font-family: 'aktivgrotesk-light';
    src:  url('https://static.ansarada.com/fonts/20171005/AktivGrotesk_WCorp_Lt.woff2') format('woff2'),
    url('https://static.ansarada.com/fonts/20171005/AktivGrotesk_WCorp_Lt.woff') format('woff');
}
@font-face {
    font-family: 'aktivgrotesk-regular';
    src:  url('https://static.ansarada.com/fonts/20171005/AktivGrotesk_WCorp_Rg.woff2') format('woff2'),
    url('https://static.ansarada.com/fonts/20171005/AktivGrotesk_WCorp_Rg.woff') format('woff');
}
@font-face {
    font-family: 'aktivgrotesk-medium';
    src:  url('https://static.ansarada.com/fonts/20171005/AktivGrotesk_WCorp_Md.woff2') format('woff2'),
    url('https://static.ansarada.com/fonts/20171005/AktivGrotesk_WCorp_Md.woff') format('woff');
}