FUF5TJK42N5BZZJPPPNLCOBDV7RNYDPNNJR2US2JVZHLO2SNI4UQC
div class="flex w-full h-screen justify-center items-center" {
span class="before:block before:absolute before:-inset-1 before:-skew-y-3 before:bg-pink-500 relative inline-block" {
h1
.font-bold.text-3xl.text-primary
.w-min class="animate-[wave_1s_ease-in-out_infinite]" {
HandWaving;
div{
div.absolute {
span.font-iosevka {
{["Ha"].into_iter().cycle().take(21).collect::<String>()}
}
}
div class="flex w-full h-screen justify-center items-center" {
span class="before:block before:absolute before:-inset-1 before:-skew-y-3 before:bg-pink-500 relative inline-block" {
h1
.font-bold.text-3xl.text-primary
.w-min class="animate-[wave_1s_ease-in-out_infinite]" {
HandWaving;
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 100;
font-stretch: normal;
font-style: normal;
src: url('WOFF2/IosevkaSlab-Thin.woff2') format('woff2'), url('TTF/IosevkaSlab-Thin.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 100;
font-stretch: expanded;
font-style: normal;
src: url('WOFF2/IosevkaSlab-ExtendedThin.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedThin.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 100;
font-stretch: normal;
font-style: oblique;
src: url('WOFF2/IosevkaSlab-ThinOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-ThinOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web Oblique';
font-display: swap;
font-weight: 100;
font-stretch: normal;
src: url('WOFF2/IosevkaSlab-ThinOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-ThinOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 100;
font-stretch: expanded;
font-style: oblique;
src: url('WOFF2/IosevkaSlab-ExtendedThinOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedThinOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web Oblique';
font-display: swap;
font-weight: 100;
font-stretch: expanded;
src: url('WOFF2/IosevkaSlab-ExtendedThinOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedThinOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 100;
font-stretch: normal;
font-style: italic;
src: url('WOFF2/IosevkaSlab-ThinItalic.woff2') format('woff2'), url('TTF/IosevkaSlab-ThinItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 100;
font-stretch: expanded;
font-style: italic;
src: url('WOFF2/IosevkaSlab-ExtendedThinItalic.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedThinItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 200;
font-stretch: normal;
font-style: normal;
src: url('WOFF2/IosevkaSlab-ExtraLight.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtraLight.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 200;
font-stretch: expanded;
font-style: normal;
src: url('WOFF2/IosevkaSlab-ExtendedExtraLight.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedExtraLight.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 200;
font-stretch: normal;
font-style: oblique;
src: url('WOFF2/IosevkaSlab-ExtraLightOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtraLightOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web Oblique';
font-display: swap;
font-weight: 200;
font-stretch: normal;
src: url('WOFF2/IosevkaSlab-ExtraLightOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtraLightOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 200;
font-stretch: expanded;
font-style: oblique;
src: url('WOFF2/IosevkaSlab-ExtendedExtraLightOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedExtraLightOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web Oblique';
font-display: swap;
font-weight: 200;
font-stretch: expanded;
src: url('WOFF2/IosevkaSlab-ExtendedExtraLightOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedExtraLightOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 200;
font-stretch: normal;
font-style: italic;
src: url('WOFF2/IosevkaSlab-ExtraLightItalic.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtraLightItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 200;
font-stretch: expanded;
font-style: italic;
src: url('WOFF2/IosevkaSlab-ExtendedExtraLightItalic.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedExtraLightItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 300;
font-stretch: normal;
font-style: normal;
src: url('WOFF2/IosevkaSlab-Light.woff2') format('woff2'), url('TTF/IosevkaSlab-Light.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 300;
font-stretch: expanded;
font-style: normal;
src: url('WOFF2/IosevkaSlab-ExtendedLight.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedLight.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 300;
font-stretch: normal;
font-style: oblique;
src: url('WOFF2/IosevkaSlab-LightOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-LightOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web Oblique';
font-display: swap;
font-weight: 300;
font-stretch: normal;
src: url('WOFF2/IosevkaSlab-LightOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-LightOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 300;
font-stretch: expanded;
font-style: oblique;
src: url('WOFF2/IosevkaSlab-ExtendedLightOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedLightOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web Oblique';
font-display: swap;
font-weight: 300;
font-stretch: expanded;
src: url('WOFF2/IosevkaSlab-ExtendedLightOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedLightOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 300;
font-stretch: normal;
font-style: italic;
src: url('WOFF2/IosevkaSlab-LightItalic.woff2') format('woff2'), url('TTF/IosevkaSlab-LightItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 300;
font-stretch: expanded;
font-style: italic;
src: url('WOFF2/IosevkaSlab-ExtendedLightItalic.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedLightItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 400;
font-stretch: normal;
font-style: normal;
src: url('WOFF2/IosevkaSlab-Regular.woff2') format('woff2'), url('TTF/IosevkaSlab-Regular.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 400;
font-stretch: expanded;
font-style: normal;
src: url('WOFF2/IosevkaSlab-Extended.woff2') format('woff2'), url('TTF/IosevkaSlab-Extended.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 400;
font-stretch: normal;
font-style: oblique;
src: url('WOFF2/IosevkaSlab-Oblique.woff2') format('woff2'), url('TTF/IosevkaSlab-Oblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web Oblique';
font-display: swap;
font-weight: 400;
font-stretch: normal;
src: url('WOFF2/IosevkaSlab-Oblique.woff2') format('woff2'), url('TTF/IosevkaSlab-Oblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 400;
font-stretch: expanded;
font-style: oblique;
src: url('WOFF2/IosevkaSlab-ExtendedOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web Oblique';
font-display: swap;
font-weight: 400;
font-stretch: expanded;
src: url('WOFF2/IosevkaSlab-ExtendedOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 400;
font-stretch: normal;
font-style: italic;
src: url('WOFF2/IosevkaSlab-Italic.woff2') format('woff2'), url('TTF/IosevkaSlab-Italic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 400;
font-stretch: expanded;
font-style: italic;
src: url('WOFF2/IosevkaSlab-ExtendedItalic.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 500;
font-stretch: normal;
font-style: normal;
src: url('WOFF2/IosevkaSlab-Medium.woff2') format('woff2'), url('TTF/IosevkaSlab-Medium.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 500;
font-stretch: expanded;
font-style: normal;
src: url('WOFF2/IosevkaSlab-ExtendedMedium.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedMedium.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 500;
font-stretch: normal;
font-style: oblique;
src: url('WOFF2/IosevkaSlab-MediumOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-MediumOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web Oblique';
font-display: swap;
font-weight: 500;
font-stretch: normal;
src: url('WOFF2/IosevkaSlab-MediumOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-MediumOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 500;
font-stretch: expanded;
font-style: oblique;
src: url('WOFF2/IosevkaSlab-ExtendedMediumOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedMediumOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web Oblique';
font-display: swap;
font-weight: 500;
font-stretch: expanded;
src: url('WOFF2/IosevkaSlab-ExtendedMediumOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedMediumOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 500;
font-stretch: normal;
font-style: italic;
src: url('WOFF2/IosevkaSlab-MediumItalic.woff2') format('woff2'), url('TTF/IosevkaSlab-MediumItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 500;
font-stretch: expanded;
font-style: italic;
src: url('WOFF2/IosevkaSlab-ExtendedMediumItalic.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedMediumItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 600;
font-stretch: normal;
font-style: normal;
src: url('WOFF2/IosevkaSlab-SemiBold.woff2') format('woff2'), url('TTF/IosevkaSlab-SemiBold.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 600;
font-stretch: expanded;
font-style: normal;
src: url('WOFF2/IosevkaSlab-ExtendedSemiBold.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedSemiBold.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 600;
font-stretch: normal;
font-style: oblique;
src: url('WOFF2/IosevkaSlab-SemiBoldOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-SemiBoldOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web Oblique';
font-display: swap;
font-weight: 600;
font-stretch: normal;
src: url('WOFF2/IosevkaSlab-SemiBoldOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-SemiBoldOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 600;
font-stretch: expanded;
font-style: oblique;
src: url('WOFF2/IosevkaSlab-ExtendedSemiBoldOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedSemiBoldOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web Oblique';
font-display: swap;
font-weight: 600;
font-stretch: expanded;
src: url('WOFF2/IosevkaSlab-ExtendedSemiBoldOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedSemiBoldOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 600;
font-stretch: normal;
font-style: italic;
src: url('WOFF2/IosevkaSlab-SemiBoldItalic.woff2') format('woff2'), url('TTF/IosevkaSlab-SemiBoldItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 600;
font-stretch: expanded;
font-style: italic;
src: url('WOFF2/IosevkaSlab-ExtendedSemiBoldItalic.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedSemiBoldItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 700;
font-stretch: normal;
font-style: normal;
src: url('WOFF2/IosevkaSlab-Bold.woff2') format('woff2'), url('TTF/IosevkaSlab-Bold.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 700;
font-stretch: expanded;
font-style: normal;
src: url('WOFF2/IosevkaSlab-ExtendedBold.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedBold.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 700;
font-stretch: normal;
font-style: oblique;
src: url('WOFF2/IosevkaSlab-BoldOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-BoldOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web Oblique';
font-display: swap;
font-weight: 700;
font-stretch: normal;
src: url('WOFF2/IosevkaSlab-BoldOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-BoldOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 700;
font-stretch: expanded;
font-style: oblique;
src: url('WOFF2/IosevkaSlab-ExtendedBoldOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedBoldOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web Oblique';
font-display: swap;
font-weight: 700;
font-stretch: expanded;
src: url('WOFF2/IosevkaSlab-ExtendedBoldOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedBoldOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 700;
font-stretch: normal;
font-style: italic;
src: url('WOFF2/IosevkaSlab-BoldItalic.woff2') format('woff2'), url('TTF/IosevkaSlab-BoldItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 700;
font-stretch: expanded;
font-style: italic;
src: url('WOFF2/IosevkaSlab-ExtendedBoldItalic.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedBoldItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 800;
font-stretch: normal;
font-style: normal;
src: url('WOFF2/IosevkaSlab-ExtraBold.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtraBold.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 800;
font-stretch: expanded;
font-style: normal;
src: url('WOFF2/IosevkaSlab-ExtendedExtraBold.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedExtraBold.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 800;
font-stretch: normal;
font-style: oblique;
src: url('WOFF2/IosevkaSlab-ExtraBoldOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtraBoldOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web Oblique';
font-display: swap;
font-weight: 800;
font-stretch: normal;
src: url('WOFF2/IosevkaSlab-ExtraBoldOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtraBoldOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 800;
font-stretch: expanded;
font-style: oblique;
src: url('WOFF2/IosevkaSlab-ExtendedExtraBoldOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedExtraBoldOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web Oblique';
font-display: swap;
font-weight: 800;
font-stretch: expanded;
src: url('WOFF2/IosevkaSlab-ExtendedExtraBoldOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedExtraBoldOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 800;
font-stretch: normal;
font-style: italic;
src: url('WOFF2/IosevkaSlab-ExtraBoldItalic.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtraBoldItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 800;
font-stretch: expanded;
font-style: italic;
src: url('WOFF2/IosevkaSlab-ExtendedExtraBoldItalic.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedExtraBoldItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 900;
font-stretch: normal;
font-style: normal;
src: url('WOFF2/IosevkaSlab-Heavy.woff2') format('woff2'), url('TTF/IosevkaSlab-Heavy.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 900;
font-stretch: expanded;
font-style: normal;
src: url('WOFF2/IosevkaSlab-ExtendedHeavy.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedHeavy.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 900;
font-stretch: normal;
font-style: oblique;
src: url('WOFF2/IosevkaSlab-HeavyOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-HeavyOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web Oblique';
font-display: swap;
font-weight: 900;
font-stretch: normal;
src: url('WOFF2/IosevkaSlab-HeavyOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-HeavyOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 900;
font-stretch: expanded;
font-style: oblique;
src: url('WOFF2/IosevkaSlab-ExtendedHeavyOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedHeavyOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web Oblique';
font-display: swap;
font-weight: 900;
font-stretch: expanded;
src: url('WOFF2/IosevkaSlab-ExtendedHeavyOblique.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedHeavyOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 900;
font-stretch: normal;
font-style: italic;
src: url('WOFF2/IosevkaSlab-HeavyItalic.woff2') format('woff2'), url('TTF/IosevkaSlab-HeavyItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Slab Web';
font-display: swap;
font-weight: 900;
font-stretch: expanded;
font-style: italic;
src: url('WOFF2/IosevkaSlab-ExtendedHeavyItalic.woff2') format('woff2'), url('TTF/IosevkaSlab-ExtendedHeavyItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 100;
font-stretch: normal;
font-style: normal;
src: url('WOFF2/Iosevka-Thin.woff2') format('woff2'), url('TTF/Iosevka-Thin.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 100;
font-stretch: expanded;
font-style: normal;
src: url('WOFF2/Iosevka-ExtendedThin.woff2') format('woff2'), url('TTF/Iosevka-ExtendedThin.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 100;
font-stretch: normal;
font-style: oblique;
src: url('WOFF2/Iosevka-ThinOblique.woff2') format('woff2'), url('TTF/Iosevka-ThinOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web Oblique';
font-display: swap;
font-weight: 100;
font-stretch: normal;
src: url('WOFF2/Iosevka-ThinOblique.woff2') format('woff2'), url('TTF/Iosevka-ThinOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 100;
font-stretch: expanded;
font-style: oblique;
src: url('WOFF2/Iosevka-ExtendedThinOblique.woff2') format('woff2'), url('TTF/Iosevka-ExtendedThinOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web Oblique';
font-display: swap;
font-weight: 100;
font-stretch: expanded;
src: url('WOFF2/Iosevka-ExtendedThinOblique.woff2') format('woff2'), url('TTF/Iosevka-ExtendedThinOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 100;
font-stretch: normal;
font-style: italic;
src: url('WOFF2/Iosevka-ThinItalic.woff2') format('woff2'), url('TTF/Iosevka-ThinItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 100;
font-stretch: expanded;
font-style: italic;
src: url('WOFF2/Iosevka-ExtendedThinItalic.woff2') format('woff2'), url('TTF/Iosevka-ExtendedThinItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 200;
font-stretch: normal;
font-style: normal;
src: url('WOFF2/Iosevka-ExtraLight.woff2') format('woff2'), url('TTF/Iosevka-ExtraLight.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 200;
font-stretch: expanded;
font-style: normal;
src: url('WOFF2/Iosevka-ExtendedExtraLight.woff2') format('woff2'), url('TTF/Iosevka-ExtendedExtraLight.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 200;
font-stretch: normal;
font-style: oblique;
src: url('WOFF2/Iosevka-ExtraLightOblique.woff2') format('woff2'), url('TTF/Iosevka-ExtraLightOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web Oblique';
font-display: swap;
font-weight: 200;
font-stretch: normal;
src: url('WOFF2/Iosevka-ExtraLightOblique.woff2') format('woff2'), url('TTF/Iosevka-ExtraLightOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 200;
font-stretch: expanded;
font-style: oblique;
src: url('WOFF2/Iosevka-ExtendedExtraLightOblique.woff2') format('woff2'), url('TTF/Iosevka-ExtendedExtraLightOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web Oblique';
font-display: swap;
font-weight: 200;
font-stretch: expanded;
src: url('WOFF2/Iosevka-ExtendedExtraLightOblique.woff2') format('woff2'), url('TTF/Iosevka-ExtendedExtraLightOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 200;
font-stretch: normal;
font-style: italic;
src: url('WOFF2/Iosevka-ExtraLightItalic.woff2') format('woff2'), url('TTF/Iosevka-ExtraLightItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 200;
font-stretch: expanded;
font-style: italic;
src: url('WOFF2/Iosevka-ExtendedExtraLightItalic.woff2') format('woff2'), url('TTF/Iosevka-ExtendedExtraLightItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 300;
font-stretch: normal;
font-style: normal;
src: url('WOFF2/Iosevka-Light.woff2') format('woff2'), url('TTF/Iosevka-Light.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 300;
font-stretch: expanded;
font-style: normal;
src: url('WOFF2/Iosevka-ExtendedLight.woff2') format('woff2'), url('TTF/Iosevka-ExtendedLight.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 300;
font-stretch: normal;
font-style: oblique;
src: url('WOFF2/Iosevka-LightOblique.woff2') format('woff2'), url('TTF/Iosevka-LightOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web Oblique';
font-display: swap;
font-weight: 300;
font-stretch: normal;
src: url('WOFF2/Iosevka-LightOblique.woff2') format('woff2'), url('TTF/Iosevka-LightOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 300;
font-stretch: expanded;
font-style: oblique;
src: url('WOFF2/Iosevka-ExtendedLightOblique.woff2') format('woff2'), url('TTF/Iosevka-ExtendedLightOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web Oblique';
font-display: swap;
font-weight: 300;
font-stretch: expanded;
src: url('WOFF2/Iosevka-ExtendedLightOblique.woff2') format('woff2'), url('TTF/Iosevka-ExtendedLightOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 300;
font-stretch: normal;
font-style: italic;
src: url('WOFF2/Iosevka-LightItalic.woff2') format('woff2'), url('TTF/Iosevka-LightItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 300;
font-stretch: expanded;
font-style: italic;
src: url('WOFF2/Iosevka-ExtendedLightItalic.woff2') format('woff2'), url('TTF/Iosevka-ExtendedLightItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 400;
font-stretch: normal;
font-style: normal;
src: url('WOFF2/Iosevka-Regular.woff2') format('woff2'), url('TTF/Iosevka-Regular.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 400;
font-stretch: expanded;
font-style: normal;
src: url('WOFF2/Iosevka-Extended.woff2') format('woff2'), url('TTF/Iosevka-Extended.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 400;
font-stretch: normal;
font-style: oblique;
src: url('WOFF2/Iosevka-Oblique.woff2') format('woff2'), url('TTF/Iosevka-Oblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web Oblique';
font-display: swap;
font-weight: 400;
font-stretch: normal;
src: url('WOFF2/Iosevka-Oblique.woff2') format('woff2'), url('TTF/Iosevka-Oblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 400;
font-stretch: expanded;
font-style: oblique;
src: url('WOFF2/Iosevka-ExtendedOblique.woff2') format('woff2'), url('TTF/Iosevka-ExtendedOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web Oblique';
font-display: swap;
font-weight: 400;
font-stretch: expanded;
src: url('WOFF2/Iosevka-ExtendedOblique.woff2') format('woff2'), url('TTF/Iosevka-ExtendedOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 400;
font-stretch: normal;
font-style: italic;
src: url('WOFF2/Iosevka-Italic.woff2') format('woff2'), url('TTF/Iosevka-Italic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 400;
font-stretch: expanded;
font-style: italic;
src: url('WOFF2/Iosevka-ExtendedItalic.woff2') format('woff2'), url('TTF/Iosevka-ExtendedItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 500;
font-stretch: normal;
font-style: normal;
src: url('WOFF2/Iosevka-Medium.woff2') format('woff2'), url('TTF/Iosevka-Medium.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 500;
font-stretch: expanded;
font-style: normal;
src: url('WOFF2/Iosevka-ExtendedMedium.woff2') format('woff2'), url('TTF/Iosevka-ExtendedMedium.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 500;
font-stretch: normal;
font-style: oblique;
src: url('WOFF2/Iosevka-MediumOblique.woff2') format('woff2'), url('TTF/Iosevka-MediumOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web Oblique';
font-display: swap;
font-weight: 500;
font-stretch: normal;
src: url('WOFF2/Iosevka-MediumOblique.woff2') format('woff2'), url('TTF/Iosevka-MediumOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 500;
font-stretch: expanded;
font-style: oblique;
src: url('WOFF2/Iosevka-ExtendedMediumOblique.woff2') format('woff2'), url('TTF/Iosevka-ExtendedMediumOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web Oblique';
font-display: swap;
font-weight: 500;
font-stretch: expanded;
src: url('WOFF2/Iosevka-ExtendedMediumOblique.woff2') format('woff2'), url('TTF/Iosevka-ExtendedMediumOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 500;
font-stretch: normal;
font-style: italic;
src: url('WOFF2/Iosevka-MediumItalic.woff2') format('woff2'), url('TTF/Iosevka-MediumItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 500;
font-stretch: expanded;
font-style: italic;
src: url('WOFF2/Iosevka-ExtendedMediumItalic.woff2') format('woff2'), url('TTF/Iosevka-ExtendedMediumItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 600;
font-stretch: normal;
font-style: normal;
src: url('WOFF2/Iosevka-SemiBold.woff2') format('woff2'), url('TTF/Iosevka-SemiBold.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 600;
font-stretch: expanded;
font-style: normal;
src: url('WOFF2/Iosevka-ExtendedSemiBold.woff2') format('woff2'), url('TTF/Iosevka-ExtendedSemiBold.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 600;
font-stretch: normal;
font-style: oblique;
src: url('WOFF2/Iosevka-SemiBoldOblique.woff2') format('woff2'), url('TTF/Iosevka-SemiBoldOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web Oblique';
font-display: swap;
font-weight: 600;
font-stretch: normal;
src: url('WOFF2/Iosevka-SemiBoldOblique.woff2') format('woff2'), url('TTF/Iosevka-SemiBoldOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 600;
font-stretch: expanded;
font-style: oblique;
src: url('WOFF2/Iosevka-ExtendedSemiBoldOblique.woff2') format('woff2'), url('TTF/Iosevka-ExtendedSemiBoldOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web Oblique';
font-display: swap;
font-weight: 600;
font-stretch: expanded;
src: url('WOFF2/Iosevka-ExtendedSemiBoldOblique.woff2') format('woff2'), url('TTF/Iosevka-ExtendedSemiBoldOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 600;
font-stretch: normal;
font-style: italic;
src: url('WOFF2/Iosevka-SemiBoldItalic.woff2') format('woff2'), url('TTF/Iosevka-SemiBoldItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 600;
font-stretch: expanded;
font-style: italic;
src: url('WOFF2/Iosevka-ExtendedSemiBoldItalic.woff2') format('woff2'), url('TTF/Iosevka-ExtendedSemiBoldItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 700;
font-stretch: normal;
font-style: normal;
src: url('WOFF2/Iosevka-Bold.woff2') format('woff2'), url('TTF/Iosevka-Bold.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 700;
font-stretch: expanded;
font-style: normal;
src: url('WOFF2/Iosevka-ExtendedBold.woff2') format('woff2'), url('TTF/Iosevka-ExtendedBold.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 700;
font-stretch: normal;
font-style: oblique;
src: url('WOFF2/Iosevka-BoldOblique.woff2') format('woff2'), url('TTF/Iosevka-BoldOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web Oblique';
font-display: swap;
font-weight: 700;
font-stretch: normal;
src: url('WOFF2/Iosevka-BoldOblique.woff2') format('woff2'), url('TTF/Iosevka-BoldOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 700;
font-stretch: expanded;
font-style: oblique;
src: url('WOFF2/Iosevka-ExtendedBoldOblique.woff2') format('woff2'), url('TTF/Iosevka-ExtendedBoldOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web Oblique';
font-display: swap;
font-weight: 700;
font-stretch: expanded;
src: url('WOFF2/Iosevka-ExtendedBoldOblique.woff2') format('woff2'), url('TTF/Iosevka-ExtendedBoldOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 700;
font-stretch: normal;
font-style: italic;
src: url('WOFF2/Iosevka-BoldItalic.woff2') format('woff2'), url('TTF/Iosevka-BoldItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 700;
font-stretch: expanded;
font-style: italic;
src: url('WOFF2/Iosevka-ExtendedBoldItalic.woff2') format('woff2'), url('TTF/Iosevka-ExtendedBoldItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 800;
font-stretch: normal;
font-style: normal;
src: url('WOFF2/Iosevka-ExtraBold.woff2') format('woff2'), url('TTF/Iosevka-ExtraBold.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 800;
font-stretch: expanded;
font-style: normal;
src: url('WOFF2/Iosevka-ExtendedExtraBold.woff2') format('woff2'), url('TTF/Iosevka-ExtendedExtraBold.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 800;
font-stretch: normal;
font-style: oblique;
src: url('WOFF2/Iosevka-ExtraBoldOblique.woff2') format('woff2'), url('TTF/Iosevka-ExtraBoldOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web Oblique';
font-display: swap;
font-weight: 800;
font-stretch: normal;
src: url('WOFF2/Iosevka-ExtraBoldOblique.woff2') format('woff2'), url('TTF/Iosevka-ExtraBoldOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 800;
font-stretch: expanded;
font-style: oblique;
src: url('WOFF2/Iosevka-ExtendedExtraBoldOblique.woff2') format('woff2'), url('TTF/Iosevka-ExtendedExtraBoldOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web Oblique';
font-display: swap;
font-weight: 800;
font-stretch: expanded;
src: url('WOFF2/Iosevka-ExtendedExtraBoldOblique.woff2') format('woff2'), url('TTF/Iosevka-ExtendedExtraBoldOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 800;
font-stretch: normal;
font-style: italic;
src: url('WOFF2/Iosevka-ExtraBoldItalic.woff2') format('woff2'), url('TTF/Iosevka-ExtraBoldItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 800;
font-stretch: expanded;
font-style: italic;
src: url('WOFF2/Iosevka-ExtendedExtraBoldItalic.woff2') format('woff2'), url('TTF/Iosevka-ExtendedExtraBoldItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 900;
font-stretch: normal;
font-style: normal;
src: url('WOFF2/Iosevka-Heavy.woff2') format('woff2'), url('TTF/Iosevka-Heavy.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 900;
font-stretch: expanded;
font-style: normal;
src: url('WOFF2/Iosevka-ExtendedHeavy.woff2') format('woff2'), url('TTF/Iosevka-ExtendedHeavy.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 900;
font-stretch: normal;
font-style: oblique;
src: url('WOFF2/Iosevka-HeavyOblique.woff2') format('woff2'), url('TTF/Iosevka-HeavyOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web Oblique';
font-display: swap;
font-weight: 900;
font-stretch: normal;
src: url('WOFF2/Iosevka-HeavyOblique.woff2') format('woff2'), url('TTF/Iosevka-HeavyOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 900;
font-stretch: expanded;
font-style: oblique;
src: url('WOFF2/Iosevka-ExtendedHeavyOblique.woff2') format('woff2'), url('TTF/Iosevka-ExtendedHeavyOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web Oblique';
font-display: swap;
font-weight: 900;
font-stretch: expanded;
src: url('WOFF2/Iosevka-ExtendedHeavyOblique.woff2') format('woff2'), url('TTF/Iosevka-ExtendedHeavyOblique.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 900;
font-stretch: normal;
font-style: italic;
src: url('WOFF2/Iosevka-HeavyItalic.woff2') format('woff2'), url('TTF/Iosevka-HeavyItalic.TTF') format('truetype');
}
@font-face {
font-family: 'Iosevka Web';
font-display: swap;
font-weight: 900;
font-stretch: expanded;
font-style: italic;
src: url('WOFF2/Iosevka-ExtendedHeavyItalic.woff2') format('woff2'), url('TTF/Iosevka-ExtendedHeavyItalic.TTF') format('truetype');
}