DIN Pro Black

.your-style {
    font-family: 'DIN Pro';
    font-weight: 900;
    font-style: normal;
}

<link rel="preload" href="DINPro-Black.woff2" as="font" type="font/woff2" crossorigin>

абвгдеёжзийклмнопрстуфхцчшщъыьэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;()*!?'@#<>$%&^+-=~

Съешь же ещё этих мягких французских булок, да выпей чаю.

DIN Pro Black Italic

.your-style {
    font-family: 'DIN Pro';
    font-weight: 900;
    font-style: italic;
}

<link rel="preload" href="DINPro-BlackItalic.woff2" as="font" type="font/woff2" crossorigin>

абвгдеёжзийклмнопрстуфхцчшщъыьэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;()*!?'@#<>$%&^+-=~

Съешь же ещё этих мягких французских булок, да выпей чаю.

DIN Pro Bold

.your-style {
    font-family: 'DIN Pro';
    font-weight: bold;
    font-style: normal;
}

<link rel="preload" href="DINPro-Bold.woff2" as="font" type="font/woff2" crossorigin>

абвгдеёжзийклмнопрстуфхцчшщъыьэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;()*!?'@#<>$%&^+-=~

Съешь же ещё этих мягких французских булок, да выпей чаю.

DIN Pro Condensed Black Italic

.your-style {
    font-family: 'DIN Pro Cond';
    font-weight: 900;
    font-style: italic;
}

<link rel="preload" href="DINPro-CondensedBlackItalic.woff2" as="font" type="font/woff2" crossorigin>

абвгдеёжзийклмнопрстуфхцчшщъыьэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;()*!?'@#<>$%&^+-=~

Съешь же ещё этих мягких французских булок, да выпей чаю.

DIN Pro Condensed Black

.your-style {
    font-family: 'DIN Pro Cond';
    font-weight: 900;
    font-style: normal;
}

<link rel="preload" href="DINPro-CondensedBlack.woff2" as="font" type="font/woff2" crossorigin>

абвгдеёжзийклмнопрстуфхцчшщъыьэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;()*!?'@#<>$%&^+-=~

Съешь же ещё этих мягких французских булок, да выпей чаю.

DIN Pro Condensed Bold

.your-style {
    font-family: 'DIN Pro Cond';
    font-weight: bold;
    font-style: normal;
}

<link rel="preload" href="DINPro-CondensedBold.woff2" as="font" type="font/woff2" crossorigin>

абвгдеёжзийклмнопрстуфхцчшщъыьэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;()*!?'@#<>$%&^+-=~

Съешь же ещё этих мягких французских булок, да выпей чаю.

DIN Pro Bold Italic

.your-style {
    font-family: 'DIN Pro';
    font-weight: bold;
    font-style: italic;
}

<link rel="preload" href="DINPro-BoldItalic.woff2" as="font" type="font/woff2" crossorigin>

абвгдеёжзийклмнопрстуфхцчшщъыьэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;()*!?'@#<>$%&^+-=~

Съешь же ещё этих мягких французских булок, да выпей чаю.

DIN Pro Condensed Medium

.your-style {
    font-family: 'DIN Pro Cond';
    font-weight: 500;
    font-style: normal;
}

<link rel="preload" href="DINPro-CondensedMedium.woff2" as="font" type="font/woff2" crossorigin>

абвгдеёжзийклмнопрстуфхцчшщъыьэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;()*!?'@#<>$%&^+-=~

Съешь же ещё этих мягких французских булок, да выпей чаю.

DIN Pro Condensed Light Italic

.your-style {
    font-family: 'DIN Pro Cond';
    font-weight: 300;
    font-style: italic;
}

<link rel="preload" href="DINPro-CondensedLightItalic.woff2" as="font" type="font/woff2" crossorigin>

абвгдеёжзийклмнопрстуфхцчшщъыьэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;()*!?'@#<>$%&^+-=~

Съешь же ещё этих мягких французских булок, да выпей чаю.

DIN Pro Condensed Light

.your-style {
    font-family: 'DIN Pro Cond';
    font-weight: 300;
    font-style: normal;
}

<link rel="preload" href="DINPro-CondensedLight.woff2" as="font" type="font/woff2" crossorigin>

абвгдеёжзийклмнопрстуфхцчшщъыьэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;()*!?'@#<>$%&^+-=~

Съешь же ещё этих мягких французских булок, да выпей чаю.

DIN Pro Condensed Medium Italic

.your-style {
    font-family: 'DIN Pro Cond';
    font-weight: 500;
    font-style: italic;
}

<link rel="preload" href="DINPro-CondensedMediumItalic.woff2" as="font" type="font/woff2" crossorigin>

абвгдеёжзийклмнопрстуфхцчшщъыьэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;()*!?'@#<>$%&^+-=~

Съешь же ещё этих мягких французских булок, да выпей чаю.

DIN Pro Condensed Italic

.your-style {
    font-family: 'DIN Pro Cond';
    font-weight: normal;
    font-style: italic;
}

<link rel="preload" href="DINPro-CondensedItalic.woff2" as="font" type="font/woff2" crossorigin>

абвгдеёжзийклмнопрстуфхцчшщъыьэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;()*!?'@#<>$%&^+-=~

Съешь же ещё этих мягких французских булок, да выпей чаю.

DIN Pro Condensed Bold Italic

.your-style {
    font-family: 'DIN Pro Cond';
    font-weight: bold;
    font-style: italic;
}

<link rel="preload" href="DINPro-CondensedBoldItalic.woff2" as="font" type="font/woff2" crossorigin>

абвгдеёжзийклмнопрстуфхцчшщъыьэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;()*!?'@#<>$%&^+-=~

Съешь же ещё этих мягких французских булок, да выпей чаю.

DIN Pro Italic

.your-style {
    font-family: 'DIN Pro';
    font-weight: normal;
    font-style: italic;
}

<link rel="preload" href="DINPro-Italic.woff2" as="font" type="font/woff2" crossorigin>

абвгдеёжзийклмнопрстуфхцчшщъыьэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;()*!?'@#<>$%&^+-=~

Съешь же ещё этих мягких французских булок, да выпей чаю.

DIN Pro Light

.your-style {
    font-family: 'DIN Pro';
    font-weight: 300;
    font-style: normal;
}

<link rel="preload" href="DINPro-Light.woff2" as="font" type="font/woff2" crossorigin>

абвгдеёжзийклмнопрстуфхцчшщъыьэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;()*!?'@#<>$%&^+-=~

Съешь же ещё этих мягких французских булок, да выпей чаю.

DIN Pro

.your-style {
    font-family: 'DIN Pro';
    font-weight: normal;
    font-style: normal;
}

<link rel="preload" href="DINPro.woff2" as="font" type="font/woff2" crossorigin>

абвгдеёжзийклмнопрстуфхцчшщъыьэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;()*!?'@#<>$%&^+-=~

Съешь же ещё этих мягких французских булок, да выпей чаю.

DIN Pro Light Italic

.your-style {
    font-family: 'DIN Pro';
    font-weight: 300;
    font-style: italic;
}

<link rel="preload" href="DINPro-LightItalic.woff2" as="font" type="font/woff2" crossorigin>

абвгдеёжзийклмнопрстуфхцчшщъыьэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;()*!?'@#<>$%&^+-=~

Съешь же ещё этих мягких французских булок, да выпей чаю.

DIN Pro Medium

.your-style {
    font-family: 'DIN Pro';
    font-weight: 500;
    font-style: normal;
}

<link rel="preload" href="DINPro-Medium.woff2" as="font" type="font/woff2" crossorigin>

абвгдеёжзийклмнопрстуфхцчшщъыьэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;()*!?'@#<>$%&^+-=~

Съешь же ещё этих мягких французских булок, да выпей чаю.

DIN Pro Condensed Regular

.your-style {
    font-family: 'DIN Pro Cond';
    font-weight: normal;
    font-style: normal;
}

<link rel="preload" href="DINPro-CondensedRegular.woff2" as="font" type="font/woff2" crossorigin>

абвгдеёжзийклмнопрстуфхцчшщъыьэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;()*!?'@#<>$%&^+-=~

Съешь же ещё этих мягких французских булок, да выпей чаю.

DIN Pro Medium Italic

.your-style {
    font-family: 'DIN Pro';
    font-weight: 500;
    font-style: italic;
}

<link rel="preload" href="DINPro-MediumItalic.woff2" as="font" type="font/woff2" crossorigin>

абвгдеёжзийклмнопрстуфхцчшщъыьэюя
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;()*!?'@#<>$%&^+-=~

Съешь же ещё этих мягких французских булок, да выпей чаю.