$cdn: 'https://code.ionicframework.com' !default;
$fontsDir: $cdn + '/assets/fonts/' !default;
$einaDir: $fontsDir + 'eina/' !default;
$ioneinaDir: $fontsDir + 'ion-eina/' !default;
$interDir: $fontsDir + 'inter/' !default;
$soehneDir: $fontsDir + 'soehne/' !default;
$interVariableUrl: $interDir + 'Inter-variable-ASCII-subset.woff2' !default;

// variable font
@font-face {
  font-family: 'Söhne';
  font-display: swap;
  src: url($soehneDir + 'soehne-var.woff2') format('woff2-variations');
  font-weight: 1 1000;
  font-display: block;
  unicode-range: U+000-5FF, U+2019, U+2192, U+2190;
}

/* Italics */
@font-face {
  font-family: 'Söhne';
  font-display: swap;
  src: local('Soehne Extraleicht'), local('Söhne Extraleicht'),
    url($soehneDir + 'soehne-web-extraleicht-kursiv.woff2') format('woff2'),
    url($soehneDir + 'soehne-web-extraleicht-kursiv.woff') format('woff'),
    url($soehneDir + 'soehne-web-extraleicht-kursiv.eot') format('eot');
  font-weight: 200;
  font-feature-settings: 'ss02' on, 'ss01' on;
  font-style: italic;
  unicode-range: U+000-5FF, U+2019, U+2192, U+2190;
}

@font-face {
  font-family: 'Söhne';
  font-display: swap;
  src: local('Soehne Leicht'), local('Söhne Leicht'),
    url($soehneDir + 'soehne-web-leicht-kursiv.woff2') format('woff2'),
    url($soehneDir + 'soehne-web-leicht-kursiv.woff') format('woff'),
    url($soehneDir + 'soehne-web-leicht-kursiv.eot') format('eot');
  font-weight: 300;
  font-feature-settings: 'ss02' on, 'ss01' on;
  font-style: italic;
  unicode-range: U+000-5FF, U+2019, U+2192, U+2190;
}

@font-face {
  font-family: 'Söhne';
  font-display: swap;
  src: local('Soehne Buch'), local('Söhne Buch'),
    url($soehneDir + 'soehne-web-buch-kursiv.woff2') format('woff2'),
    url($soehneDir + 'soehne-web-buch-kursiv.woff') format('woff'),
    url($soehneDir + 'soehne-web-buch-kursiv.eot') format('eot');
  font-weight: 400;
  font-feature-settings: 'ss02' on, 'ss01' on;
  font-style: italic;
  unicode-range: U+000-5FF, U+2019, U+2192, U+2190;
}

@font-face {
  font-family: 'Söhne';
  font-display: swap;
  src: local('Soehne Kraftig'), local('Söhne Kräftig'),
    url($soehneDir + 'soehne-web-kraftig-kursiv.woff2') format('woff2'),
    url($soehneDir + 'soehne-web-kraftig-kursiv.woff') format('woff'),
    url($soehneDir + 'soehne-web-kraftig-kursiv.eot') format('eot');
  font-weight: 500;
  font-feature-settings: 'ss02' on, 'ss01' on;
  font-style: italic;
  unicode-range: U+000-5FF, U+2019, U+2192, U+2190;
}

@font-face {
  font-family: 'Söhne';
  font-display: swap;
  src: local('Soehne Halbfett'), local('Söhne Halbfett'),
    url($soehneDir + 'soehne-web-halbfett-kursiv.woff2') format('woff2'),
    url($soehneDir + 'soehne-web-halbfett-kursiv.woff') format('woff'),
    url($soehneDir + 'soehne-web-halbfett-kursiv.eot') format('eot');
  font-weight: 600;
  font-feature-settings: 'ss02' on, 'ss01' on;
  font-style: italic;
  unicode-range: U+000-5FF, U+2019, U+2192, U+2190;
}

@font-face {
  font-family: 'Söhne';
  font-display: swap;
  src: local('Soehne Dreiviertelfett'), local('Söhne Dreiviertelfett'),
    url($soehneDir + 'soehne-web-dreiviertelfett-kursiv.woff2') format('woff2'),
    url($soehneDir + 'soehne-web-dreiviertelfett-kursiv.woff') format('woff'),
    url($soehneDir + 'soehne-web-dreiviertelfett-kursiv.eot') format('eot');
  font-weight: 700;
  font-feature-settings: 'ss02' on, 'ss01' on;
  font-style: italic;
  unicode-range: U+000-5FF, U+2019, U+2192, U+2190;
}

@font-face {
  font-family: 'Söhne';
  font-display: swap;
  src: local('Soehne Fett'), local('Söhne Fett'),
    url($soehneDir + 'soehne-web-fett-kursiv.woff2') format('woff2'),
    url($soehneDir + 'soehne-web-fett-kursiv.woff') format('woff'),
    url($soehneDir + 'soehne-web-fett-kursiv.eot') format('eot');
  font-weight: 800;
  font-feature-settings: 'ss02' on, 'ss01' on;
  font-style: italic;
  unicode-range: U+000-5FF, U+2019, U+2192, U+2190;
}

@font-face {
  font-family: 'Söhne';
  font-display: swap;
  src: local('Soehne Extrafett'), local('Söhne Extrafett'),
    url($soehneDir + 'soehne-web-extrafett-kursiv.woff2') format('woff2'),
    url($soehneDir + 'soehne-web-extrafett-kursiv.woff') format('woff'),
    url($soehneDir + 'soehne-web-extrafett-kursiv.eot') format('eot');
  font-weight: 900;
  font-feature-settings: 'ss02' on, 'ss01' on;
  font-style: italic;
  unicode-range: U+000-5FF, U+2019, U+2192, U+2190;
}

@font-face {
  font-family: 'Söhne Mono';
  font-display: swap;
  src: local('Soehne Mono Buch'), local('Söhne Mono Buch'),
    url($soehneDir + 'soehne-mono-web-buch.woff2') format('woff2'),
    url($soehneDir + 'soehne-mono-web-buch.woff') format('woff'),
    url($soehneDir + 'soehne-mono-web-buch.eot') format('eot');
  font-weight: 400;
  font-feature-settings: 'ss02' on, 'ss01' on;
  font-style: normal;
  unicode-range: U+000-5FF, U+2019;
}

@font-face {
  font-family: 'Söhne Mono';
  font-display: swap;
  src: local('Soehne Mono Kraftig'), local('Söhne Mono Kraftig'),
    url($soehneDir + 'soehne-mono-web-kraftig.woff2') format('woff2'),
    url($soehneDir + 'soehne-mono-web-kraftig.woff') format('woff'),
    url($soehneDir + 'soehne-mono-web-kraftig.eot') format('eot');
  font-weight: 500;
  font-feature-settings: 'ss02' on, 'ss01' on;
  font-style: normal;
  unicode-range: U+000-5FF, U+2019;
}

@font-face {
  font-family: 'IonEina';
  font-display: swap;
  src: local('IonEina Bold'),
    url($ioneinaDir + 'ion-eina-01-bold.woff2') format('woff2'),
    url($ioneinaDir + 'ion-eina-01-bold.woff') format('woff'),
    url($ioneinaDir + 'ion-eina-01-bold.ttf') format('ttf'),
    url($ioneinaDir + 'ion-eina-01-bold.eot?#iefix') format('eot');
  font-weight: 700;
  unicode-range: U+000-5FF, U+2019;
}
@font-face {
  font-family: 'IonEina';
  font-display: swap;
  src: local('IonEina Semibold'),
    url($ioneinaDir + 'ion-eina-01-semibold.woff2') format('woff2'),
    url($ioneinaDir + 'ion-eina-01-semibold.woff') format('woff'),
    url($ioneinaDir + 'ion-eina-01-semibold.ttf') format('ttf'),
    url($ioneinaDir + 'ion-eina-01-semibold.eot?#iefix') format('eot');
  font-weight: 600;
  unicode-range: U+000-5FF, U+2019;
}
@font-face {
  font-family: 'IonEina';
  font-display: swap;
  src: local('IonEina Regular'),
    url($ioneinaDir + 'ion-eina-01-regular.woff2') format('woff2'),
    url($ioneinaDir + 'ion-eina-01-regular.woff') format('woff'),
    url($ioneinaDir + 'ion-eina-01-regular.ttf') format('ttf'),
    url($ioneinaDir + 'ion-eina-01-regular.eot?#iefix') format('eot');
  font-weight: 400;
  unicode-range: U+000-5FF, U+2019;
}

@font-face {
  font-family: 'Eina';
  font-display: swap;
  src: local('Eina Bold'), url($einaDir + 'eina-01-bold.woff2') format('woff2'),
    url($einaDir + 'eina-01-bold.woff') format('woff'),
    url($einaDir + 'eina-01-bold.ttf') format('ttf'),
    url($einaDir + 'eina-01-bold.eot?#iefix') format('eot');
  font-weight: 700;
  unicode-range: U+000-5FF, U+2019;
}
@font-face {
  font-family: 'Eina';
  font-display: swap;
  src: local('Eina Semibold'),
    url($einaDir + 'eina-01-semibold.woff2') format('woff2'),
    url($einaDir + 'eina-01-semibold.woff') format('woff'),
    url($einaDir + 'eina-01-semibold.ttf') format('ttf'),
    url($einaDir + 'eina-01-semibold.eot?#iefix') format('eot');
  font-weight: 600;
  unicode-range: U+000-5FF, U+2019;
}
@font-face {
  font-family: 'Eina';
  font-display: swap;
  src: local('Eina Regular'),
    url($einaDir + 'eina-01-regular.woff2') format('woff2'),
    url($einaDir + 'eina-01-regular.woff') format('woff'),
    url($einaDir + 'eina-01-regular.ttf') format('ttf'),
    url($einaDir + 'eina-01-regular.eot?#iefix') format('eot');
  font-weight: 400;
  unicode-range: U+000-5FF, U+2019;
}

@font-face {
  font-family: 'Inter';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  unicode-range: U+000-5FF;
  src: local('Inter Regular'), url($interVariableUrl) format('woff2-variations'),
    url($interDir + 'Inter-Regular.woff2') format('woff2'),
    url($interDir + 'Inter-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Inter';
  font-display: swap;
  font-style: italic;
  font-weight: 400;
  unicode-range: U+000-5FF;
  src: local('Inter Italic'), url($interVariableUrl) format('woff2-variations'),
    url($interDir + 'Inter-Italic.woff2') format('woff2'),
    url($interDir + 'Inter-Italic.woff') format('woff');
}
@font-face {
  font-family: 'Inter';
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  unicode-range: U+000-5FF;
  src: local('Inter Medium'), url($interVariableUrl) format('woff2-variations'),
    url($interDir + 'Inter-Medium.woff2') format('woff2'),
    url($interDir + 'Inter-Medium.woff') format('woff');
}
@font-face {
  font-family: 'Inter';
  font-display: swap;
  font-style: italic;
  font-weight: 500;
  unicode-range: U+000-5FF;
  src: local('Inter Medium Italic'),
    url($interVariableUrl) format('woff2-variations'),
    url($interDir + 'Inter-MediumItalic.woff2') format('woff2'),
    url($interDir + 'Inter-MediumItalic.woff') format('woff');
}
@font-face {
  font-family: 'Inter';
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  unicode-range: U+000-5FF;
  src: local('Inter SemiBold'),
    url($interVariableUrl) format('woff2-variations'),
    url($interDir + 'Inter-SemiBold.woff2') format('woff2'),
    url($interDir + 'Inter-SemiBold.woff') format('woff');
}
@font-face {
  font-family: 'Inter';
  font-display: swap;
  font-style: italic;
  font-weight: 600;
  unicode-range: U+000-5FF;
  src: local('Inter SemiBoldItalic'),
    url($interVariableUrl) format('woff2-variations'),
    url($interDir + 'Inter-SemiBoldItalic.woff2') format('woff2'),
    url($interDir + 'Inter-SemiBoldItalic.woff') format('woff');
}
@font-face {
  font-family: 'Inter';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  unicode-range: U+000-5FF;
  src: local('Inter Bold'), url($interVariableUrl) format('woff2-variations'),
    url($interDir + 'Inter-Bold.woff2') format('woff2'),
    url($interDir + 'Inter-Bold.woff') format('woff');
}
@font-face {
  font-family: 'Inter';
  font-display: swap;
  font-style: italic;
  font-weight: 700;
  unicode-range: U+000-5FF;
  src: local('Inter BoldItalic'),
    url($interVariableUrl) format('woff2-variations'),
    url($interDir + 'Inter-BoldItalic.woff2') format('woff2'),
    url($interDir + 'Inter-BoldItalic.woff') format('woff');
}
@font-face {
  font-family: 'Inter';
  font-display: swap;
  font-style: normal;
  font-weight: 800;
  unicode-range: U+000-5FF;
  src: local('Inter ExtraBold'),
    url($interVariableUrl) format('woff2-variations'),
    url($interDir + 'Inter-ExtraBold.woff2') format('woff2'),
    url($interDir + 'Inter-ExtraBold.woff') format('woff');
}
@font-face {
  font-family: 'Inter';
  font-display: swap;
  font-style: italic;
  font-weight: 800;
  unicode-range: U+000-5FF;
  src: local('Inter ExtraBoldItalic'),
    url($interVariableUrl) format('woff2-variations'),
    url($interDir + 'Inter-ExtraBoldItalic.woff2') format('woff2'),
    url($interDir + 'Inter-ExtraBoldItalic.woff') format('woff');
}
@font-face {
  font-family: 'Inter';
  font-display: swap;
  font-style: normal;
  font-weight: 900;
  unicode-range: U+000-5FF;
  src: local('Inter Black'), url($interVariableUrl) format('woff2-variations'),
    url($interDir + 'Inter-Black.woff2') format('woff2'),
    url($interDir + 'Inter-Black.woff') format('woff');
}
@font-face {
  font-family: 'Inter';
  font-display: swap;
  font-style: italic;
  font-weight: 900;
  unicode-range: U+000-5FF;
  src: local('Inter BlackItalic'),
    url($interVariableUrl) format('woff2-variations'),
    url($interDir + 'Inter-BlackItalic.woff2') format('woff2'),
    url($interDir + 'Inter-BlackItalic.woff') format('woff');
}