AlikeAngular
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Show @font-face CSS
@font-face {
font-family: 'AlikeAngular';
src: url('AlikeAngular-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
Anton
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Show @font-face CSS
@font-face {
font-family: 'Anton';
src: url('Anton-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
AsapCondensed
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Show @font-face CSS
@font-face {
font-family: 'AsapCondensed';
src: url('AsapCondensed-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AsapCondensed';
src: url('AsapCondensed-BlackItalic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'AsapCondensed';
src: url('AsapCondensed-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AsapCondensed';
src: url('AsapCondensed-BoldItalic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'AsapCondensed';
src: url('AsapCondensed-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AsapCondensed';
src: url('AsapCondensed-ExtraBoldItalic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'AsapCondensed';
src: url('AsapCondensed-ExtraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AsapCondensed';
src: url('AsapCondensed-ExtraLightItalic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'AsapCondensed';
src: url('AsapCondensed-Italic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'AsapCondensed';
src: url('AsapCondensed-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AsapCondensed';
src: url('AsapCondensed-LightItalic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'AsapCondensed';
src: url('AsapCondensed-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AsapCondensed';
src: url('AsapCondensed-MediumItalic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'AsapCondensed';
src: url('AsapCondensed-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AsapCondensed';
src: url('AsapCondensed-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AsapCondensed';
src: url('AsapCondensed-SemiBoldItalic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
font-display: swap;
}
BebasNeue
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Show @font-face CSS
@font-face {
font-family: 'BebasNeue';
src: url('BebasNeue-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
BigShoulders
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Show @font-face CSS
@font-face {
font-family: 'BigShoulders';
src: url('BigShoulders-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders';
src: url('BigShoulders-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders';
src: url('BigShoulders-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders';
src: url('BigShoulders-ExtraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders';
src: url('BigShoulders-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders';
src: url('BigShoulders-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders';
src: url('BigShoulders-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders';
src: url('BigShoulders-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders';
src: url('BigShoulders-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
font-display: swap;
}
BigShoulders 18pt
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Show @font-face CSS
@font-face {
font-family: 'BigShoulders 18pt';
src: url('BigShoulders_18pt-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 18pt';
src: url('BigShoulders_18pt-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 18pt';
src: url('BigShoulders_18pt-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 18pt';
src: url('BigShoulders_18pt-ExtraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 18pt';
src: url('BigShoulders_18pt-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 18pt';
src: url('BigShoulders_18pt-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 18pt';
src: url('BigShoulders_18pt-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 18pt';
src: url('BigShoulders_18pt-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 18pt';
src: url('BigShoulders_18pt-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
font-display: swap;
}
BigShoulders 24pt
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Show @font-face CSS
@font-face {
font-family: 'BigShoulders 24pt';
src: url('BigShoulders_24pt-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 24pt';
src: url('BigShoulders_24pt-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 24pt';
src: url('BigShoulders_24pt-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 24pt';
src: url('BigShoulders_24pt-ExtraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 24pt';
src: url('BigShoulders_24pt-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 24pt';
src: url('BigShoulders_24pt-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 24pt';
src: url('BigShoulders_24pt-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 24pt';
src: url('BigShoulders_24pt-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 24pt';
src: url('BigShoulders_24pt-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
font-display: swap;
}
BigShoulders 36pt
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Show @font-face CSS
@font-face {
font-family: 'BigShoulders 36pt';
src: url('BigShoulders_36pt-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 36pt';
src: url('BigShoulders_36pt-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 36pt';
src: url('BigShoulders_36pt-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 36pt';
src: url('BigShoulders_36pt-ExtraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 36pt';
src: url('BigShoulders_36pt-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 36pt';
src: url('BigShoulders_36pt-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 36pt';
src: url('BigShoulders_36pt-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 36pt';
src: url('BigShoulders_36pt-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 36pt';
src: url('BigShoulders_36pt-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
font-display: swap;
}
BigShoulders 60pt
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Show @font-face CSS
@font-face {
font-family: 'BigShoulders 60pt';
src: url('BigShoulders_60pt-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 60pt';
src: url('BigShoulders_60pt-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 60pt';
src: url('BigShoulders_60pt-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 60pt';
src: url('BigShoulders_60pt-ExtraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 60pt';
src: url('BigShoulders_60pt-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 60pt';
src: url('BigShoulders_60pt-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 60pt';
src: url('BigShoulders_60pt-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 60pt';
src: url('BigShoulders_60pt-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BigShoulders 60pt';
src: url('BigShoulders_60pt-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
font-display: swap;
}
BigShoulders VariableFont Opsz,Wght
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Show @font-face CSS
@font-face {
font-family: 'BigShoulders VariableFont Opsz,Wght';
src: url('BigShoulders-VariableFont_opsz,wght.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
Birthstone
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Show @font-face CSS
@font-face {
font-family: 'Birthstone';
src: url('Birthstone-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
Cinzel
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Show @font-face CSS
@font-face {
font-family: 'Cinzel';
src: url('Cinzel-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Cinzel';
src: url('Cinzel-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Cinzel';
src: url('Cinzel-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Cinzel';
src: url('Cinzel-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Cinzel';
src: url('Cinzel-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Cinzel';
src: url('Cinzel-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
FjallaOne
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Show @font-face CSS
@font-face {
font-family: 'FjallaOne';
src: url('FjallaOne-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
FrankRuhlLibre
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Show @font-face CSS
@font-face {
font-family: 'FrankRuhlLibre';
src: url('FrankRuhlLibre-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
GermaniaOne
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Show @font-face CSS
@font-face {
font-family: 'GermaniaOne';
src: url('GermaniaOne-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
Homenaje
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Show @font-face CSS
@font-face {
font-family: 'Homenaje';
src: url('Homenaje-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
MonteCarlo
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Show @font-face CSS
@font-face {
font-family: 'MonteCarlo';
src: url('MonteCarlo-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
Oswald
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Show @font-face CSS
@font-face {
font-family: 'Oswald';
src: url('Oswald-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Oswald';
src: url('Oswald-ExtraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Oswald';
src: url('Oswald-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Oswald';
src: url('Oswald-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Oswald';
src: url('Oswald-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Oswald';
src: url('Oswald-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
PinyonScript
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Show @font-face CSS
@font-face {
font-family: 'PinyonScript';
src: url('PinyonScript-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
PlayfairDisplay
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Show @font-face CSS
@font-face {
font-family: 'PlayfairDisplay';
src: url('PlayfairDisplay-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
Rufina
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Show @font-face CSS
@font-face {
font-family: 'Rufina';
src: url('Rufina-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Rufina';
src: url('Rufina-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
Share
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Show @font-face CSS
@font-face {
font-family: 'Share';
src: url('Share-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Share';
src: url('Share-BoldItalic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Share';
src: url('Share-Italic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Share';
src: url('Share-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
StyleScript
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Show @font-face CSS
@font-face {
font-family: 'StyleScript';
src: url('StyleScript-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
UnifrakturMaguntia
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Show @font-face CSS
@font-face {
font-family: 'UnifrakturMaguntia';
src: url('UnifrakturMaguntia-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
YanoneKaffeesatz
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Show @font-face CSS
@font-face {
font-family: 'YanoneKaffeesatz';
src: url('YanoneKaffeesatz-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'YanoneKaffeesatz';
src: url('YanoneKaffeesatz-ExtraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'YanoneKaffeesatz';
src: url('YanoneKaffeesatz-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'YanoneKaffeesatz';
src: url('YanoneKaffeesatz-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'YanoneKaffeesatz';
src: url('YanoneKaffeesatz-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'YanoneKaffeesatz';
src: url('YanoneKaffeesatz-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}