Font Folder Browser

28px
100 300 400 500 600 700 800 900

AlikeAngular

AlikeAngular-Regular.ttf · 400 · normal Open
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

Anton-Regular.ttf · 400 · normal Open
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

AsapCondensed-Black.ttf · 900 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
AsapCondensed-BlackItalic.ttf · 400 · italic Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
AsapCondensed-Bold.ttf · 700 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
AsapCondensed-BoldItalic.ttf · 400 · italic Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
AsapCondensed-ExtraBold.ttf · 800 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
AsapCondensed-ExtraBoldItalic.ttf · 400 · italic Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
AsapCondensed-ExtraLight.ttf · 200 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
AsapCondensed-ExtraLightItalic.ttf · 400 · italic Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
AsapCondensed-Italic.ttf · 400 · italic Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
AsapCondensed-Light.ttf · 300 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
AsapCondensed-LightItalic.ttf · 400 · italic Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
AsapCondensed-Medium.ttf · 500 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
AsapCondensed-MediumItalic.ttf · 400 · italic Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
AsapCondensed-Regular.ttf · 400 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
AsapCondensed-SemiBold.ttf · 600 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
AsapCondensed-SemiBoldItalic.ttf · 400 · italic Open
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

BebasNeue-Regular.ttf · 400 · normal Open
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

BigShoulders-Black.ttf · 900 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders-Bold.ttf · 700 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders-ExtraBold.ttf · 800 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders-ExtraLight.ttf · 200 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders-Light.ttf · 300 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders-Medium.ttf · 500 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders-Regular.ttf · 400 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders-SemiBold.ttf · 600 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders-Thin.ttf · 100 · normal Open
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

BigShoulders_18pt-Bold.ttf · 700 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_18pt-Black.ttf · 900 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_18pt-ExtraBold.ttf · 800 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_18pt-ExtraLight.ttf · 200 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_18pt-Light.ttf · 300 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_18pt-Medium.ttf · 500 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_18pt-Regular.ttf · 400 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_18pt-SemiBold.ttf · 600 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_18pt-Thin.ttf · 100 · normal Open
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

BigShoulders_24pt-Black.ttf · 900 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_24pt-Bold.ttf · 700 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_24pt-ExtraBold.ttf · 800 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_24pt-ExtraLight.ttf · 200 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_24pt-Light.ttf · 300 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_24pt-Medium.ttf · 500 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_24pt-Regular.ttf · 400 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_24pt-SemiBold.ttf · 600 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_24pt-Thin.ttf · 100 · normal Open
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

BigShoulders_36pt-Black.ttf · 900 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_36pt-Bold.ttf · 700 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_36pt-ExtraBold.ttf · 800 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_36pt-ExtraLight.ttf · 200 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_36pt-Light.ttf · 300 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_36pt-Medium.ttf · 500 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_36pt-Regular.ttf · 400 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_36pt-SemiBold.ttf · 600 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_36pt-Thin.ttf · 100 · normal Open
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

BigShoulders_60pt-Black.ttf · 900 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_60pt-Bold.ttf · 700 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_60pt-ExtraBold.ttf · 800 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_60pt-ExtraLight.ttf · 200 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_60pt-Light.ttf · 300 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_60pt-Medium.ttf · 500 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_60pt-Regular.ttf · 400 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_60pt-SemiBold.ttf · 600 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
BigShoulders_60pt-Thin.ttf · 100 · normal Open
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

BigShoulders-VariableFont_opsz,wght.ttf · 400 · normal Open
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

Birthstone-Regular.ttf · 400 · normal Open
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

Cinzel-Black.ttf · 900 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Cinzel-Bold.ttf · 700 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Cinzel-ExtraBold.ttf · 800 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Cinzel-Medium.ttf · 500 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Cinzel-Regular.ttf · 400 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Cinzel-SemiBold.ttf · 600 · normal Open
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

FjallaOne-Regular.ttf · 400 · normal Open
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

FrankRuhlLibre-Bold.ttf · 700 · normal Open
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

GermaniaOne-Regular.ttf · 400 · normal Open
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

Homenaje-Regular.ttf · 400 · normal Open
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

MonteCarlo-Regular.ttf · 400 · normal Open
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

Oswald-Bold.ttf · 700 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Oswald-ExtraLight.ttf · 200 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Oswald-Light.ttf · 300 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Oswald-Medium.ttf · 500 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Oswald-Regular.ttf · 400 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Oswald-SemiBold.ttf · 600 · normal Open
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

PinyonScript-Regular.ttf · 400 · normal Open
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

PlayfairDisplay-Black.ttf · 900 · normal Open
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

Rufina-Bold.ttf · 700 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Rufina-Regular.ttf · 400 · normal Open
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

Share-Bold.ttf · 700 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Share-BoldItalic.ttf · 400 · italic Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Share-Italic.ttf · 400 · italic Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
Share-Regular.ttf · 400 · normal Open
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

StyleScript-Regular.ttf · 400 · normal Open
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

UnifrakturMaguntia-Regular.ttf · 400 · normal Open
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

YanoneKaffeesatz-Bold.ttf · 700 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
YanoneKaffeesatz-ExtraLight.ttf · 200 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
YanoneKaffeesatz-Light.ttf · 300 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
YanoneKaffeesatz-Medium.ttf · 500 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
YanoneKaffeesatz-Regular.ttf · 400 · normal Open
The quick brown fox jumps over the lazy dog. 0123456789 &!?
YanoneKaffeesatz-SemiBold.ttf · 600 · normal Open
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;
}