Andryushkin.ru
Блог им. alex-borisi (Александра Андрюшкина)
Категории:

Шрифт DIN Pro

На нашем сайте, вы можете скачать шрифт DIN Pro для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.

CondensedRegularCondensedBoldCondensedBoldItalicCondensedBlackCondensedItalicCondensedMediumCondensedLightItalicCondensedMediumItalicCondensedBlackItalicCondensedLightLightMediumBoldBlackLightItalicItalicMediumItalicBoldItalicBlackItalic
Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
DINProCondensedRegular.ttf Eot Woff

Как установить шрифт DINPro CondensedRegular

1. Для того, чтобы установить шрифт DINPro CondensedRegular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /DINProCondensedRegular

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "DINProCondensedRegular";
    src: url("../fonts/DINProCondensedRegular/DINProCondensedRegular.eot");
    src: url("../fonts/DINProCondensedRegular/DINProCondensedRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/DINProCondensedRegular/DINProCondensedRegular.woff") format("woff"),
    url("../fonts/DINProCondensedRegular/DINProCondensedRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
DINProCondensedBold.ttf Eot Woff

Как установить шрифт DINPro CondensedBold

1. Для того, чтобы установить шрифт DINPro CondensedBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /DINProCondensedBold

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "DINProCondensedBold";
    src: url("../fonts/DINProCondensedBold/DINProCondensedBold.eot");
    src: url("../fonts/DINProCondensedBold/DINProCondensedBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/DINProCondensedBold/DINProCondensedBold.woff") format("woff"),
    url("../fonts/DINProCondensedBold/DINProCondensedBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
DINProCondensedBoldItalic.ttf Eot Woff

Как установить шрифт DINPro CondensedBoldItalic

1. Для того, чтобы установить шрифт DINPro CondensedBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /DINProCondensedBoldItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "DINProCondensedBoldItalic";
    src: url("../fonts/DINProCondensedBoldItalic/DINProCondensedBoldItalic.eot");
    src: url("../fonts/DINProCondensedBoldItalic/DINProCondensedBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/DINProCondensedBoldItalic/DINProCondensedBoldItalic.woff") format("woff"),
    url("../fonts/DINProCondensedBoldItalic/DINProCondensedBoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
DINProCondensedBlack.ttf Eot Woff

Как установить шрифт DINPro CondensedBlack

1. Для того, чтобы установить шрифт DINPro CondensedBlack в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /DINProCondensedBlack

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "DINProCondensedBlack";
    src: url("../fonts/DINProCondensedBlack/DINProCondensedBlack.eot");
    src: url("../fonts/DINProCondensedBlack/DINProCondensedBlack.eot?#iefix")format("embedded-opentype"),
    url("../fonts/DINProCondensedBlack/DINProCondensedBlack.woff") format("woff"),
    url("../fonts/DINProCondensedBlack/DINProCondensedBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
DINProCondensedItalic.ttf Eot Woff

Как установить шрифт DINPro CondensedItalic

1. Для того, чтобы установить шрифт DINPro CondensedItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /DINProCondensedItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "DINProCondensedItalic";
    src: url("../fonts/DINProCondensedItalic/DINProCondensedItalic.eot");
    src: url("../fonts/DINProCondensedItalic/DINProCondensedItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/DINProCondensedItalic/DINProCondensedItalic.woff") format("woff"),
    url("../fonts/DINProCondensedItalic/DINProCondensedItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
DINProCondensedMedium.ttf Eot Woff

Как установить шрифт DINPro CondensedMedium

1. Для того, чтобы установить шрифт DINPro CondensedMedium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /DINProCondensedMedium

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "DINProCondensedMedium";
    src: url("../fonts/DINProCondensedMedium/DINProCondensedMedium.eot");
    src: url("../fonts/DINProCondensedMedium/DINProCondensedMedium.eot?#iefix")format("embedded-opentype"),
    url("../fonts/DINProCondensedMedium/DINProCondensedMedium.woff") format("woff"),
    url("../fonts/DINProCondensedMedium/DINProCondensedMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
DINProCondensedLightItalic.ttf Eot Woff

Как установить шрифт DINPro CondensedLightItalic

1. Для того, чтобы установить шрифт DINPro CondensedLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /DINProCondensedLightItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "DINProCondensedLightItalic";
    src: url("../fonts/DINProCondensedLightItalic/DINProCondensedLightItalic.eot");
    src: url("../fonts/DINProCondensedLightItalic/DINProCondensedLightItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/DINProCondensedLightItalic/DINProCondensedLightItalic.woff") format("woff"),
    url("../fonts/DINProCondensedLightItalic/DINProCondensedLightItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
DINProCondensedMediumItalic.ttf Eot Woff

Как установить шрифт DINPro CondensedMediumItalic

1. Для того, чтобы установить шрифт DINPro CondensedMediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /DINProCondensedMediumItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "DINProCondensedMediumItalic";
    src: url("../fonts/DINProCondensedMediumItalic/DINProCondensedMediumItalic.eot");
    src: url("../fonts/DINProCondensedMediumItalic/DINProCondensedMediumItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/DINProCondensedMediumItalic/DINProCondensedMediumItalic.woff") format("woff"),
    url("../fonts/DINProCondensedMediumItalic/DINProCondensedMediumItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
DINProCondensedBlackItalic.ttf Eot Woff

Как установить шрифт DINPro CondensedBlackItalic

1. Для того, чтобы установить шрифт DINPro CondensedBlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /DINProCondensedBlackItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "DINProCondensedBlackItalic";
    src: url("../fonts/DINProCondensedBlackItalic/DINProCondensedBlackItalic.eot");
    src: url("../fonts/DINProCondensedBlackItalic/DINProCondensedBlackItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/DINProCondensedBlackItalic/DINProCondensedBlackItalic.woff") format("woff"),
    url("../fonts/DINProCondensedBlackItalic/DINProCondensedBlackItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
DINProCondensedLight.ttf Eot Woff

Как установить шрифт DINPro CondensedLight

1. Для того, чтобы установить шрифт DINPro CondensedLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /DINProCondensedLight

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "DINProCondensedLight";
    src: url("../fonts/DINProCondensedLight/DINProCondensedLight.eot");
    src: url("../fonts/DINProCondensedLight/DINProCondensedLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/DINProCondensedLight/DINProCondensedLight.woff") format("woff"),
    url("../fonts/DINProCondensedLight/DINProCondensedLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
DINProLight.ttf Eot Woff

Как установить шрифт DINPro Light

1. Для того, чтобы установить шрифт DINPro Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /DINProLight

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "DINProLight";
    src: url("../fonts/DINProLight/DINProLight.eot");
    src: url("../fonts/DINProLight/DINProLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/DINProLight/DINProLight.woff") format("woff"),
    url("../fonts/DINProLight/DINProLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
DINProMedium.ttf Eot Woff

Как установить шрифт DINPro Medium

1. Для того, чтобы установить шрифт DINPro Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /DINProMedium

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "DINProMedium";
    src: url("../fonts/DINProMedium/DINProMedium.eot");
    src: url("../fonts/DINProMedium/DINProMedium.eot?#iefix")format("embedded-opentype"),
    url("../fonts/DINProMedium/DINProMedium.woff") format("woff"),
    url("../fonts/DINProMedium/DINProMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
DINProBold.ttf Eot Woff

Как установить шрифт DINPro Bold

1. Для того, чтобы установить шрифт DINPro Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /DINProBold

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "DINProBold";
    src: url("../fonts/DINProBold/DINProBold.eot");
    src: url("../fonts/DINProBold/DINProBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/DINProBold/DINProBold.woff") format("woff"),
    url("../fonts/DINProBold/DINProBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
DINProBlack.ttf Eot Woff

Как установить шрифт DINPro Black

1. Для того, чтобы установить шрифт DINPro Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /DINProBlack

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "DINProBlack";
    src: url("../fonts/DINProBlack/DINProBlack.eot");
    src: url("../fonts/DINProBlack/DINProBlack.eot?#iefix")format("embedded-opentype"),
    url("../fonts/DINProBlack/DINProBlack.woff") format("woff"),
    url("../fonts/DINProBlack/DINProBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: 900;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
DINProLightItalic.ttf Eot Woff

Как установить шрифт DINPro LightItalic

1. Для того, чтобы установить шрифт DINPro LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /DINProLightItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "DINProLightItalic";
    src: url("../fonts/DINProLightItalic/DINProLightItalic.eot");
    src: url("../fonts/DINProLightItalic/DINProLightItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/DINProLightItalic/DINProLightItalic.woff") format("woff"),
    url("../fonts/DINProLightItalic/DINProLightItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
DINProItalic.ttf Eot Woff

Как установить шрифт DINPro Italic

1. Для того, чтобы установить шрифт DINPro Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /DINProItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "DINProItalic";
    src: url("../fonts/DINProItalic/DINProItalic.eot");
    src: url("../fonts/DINProItalic/DINProItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/DINProItalic/DINProItalic.woff") format("woff"),
    url("../fonts/DINProItalic/DINProItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
DINProMediumItalic.ttf Eot Woff

Как установить шрифт DINPro MediumItalic

1. Для того, чтобы установить шрифт DINPro MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /DINProMediumItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "DINProMediumItalic";
    src: url("../fonts/DINProMediumItalic/DINProMediumItalic.eot");
    src: url("../fonts/DINProMediumItalic/DINProMediumItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/DINProMediumItalic/DINProMediumItalic.woff") format("woff"),
    url("../fonts/DINProMediumItalic/DINProMediumItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 500;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
DINProBoldItalic.ttf Eot Woff

Как установить шрифт DINPro BoldItalic

1. Для того, чтобы установить шрифт DINPro BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /DINProBoldItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "DINProBoldItalic";
    src: url("../fonts/DINProBoldItalic/DINProBoldItalic.eot");
    src: url("../fonts/DINProBoldItalic/DINProBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/DINProBoldItalic/DINProBoldItalic.woff") format("woff"),
    url("../fonts/DINProBoldItalic/DINProBoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 700;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
DINProBlackItalic.ttf Eot Woff

Как установить шрифт DINPro BlackItalic

1. Для того, чтобы установить шрифт DINPro BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /DINProBlackItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "DINProBlackItalic";
    src: url("../fonts/DINProBlackItalic/DINProBlackItalic.eot");
    src: url("../fonts/DINProBlackItalic/DINProBlackItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/DINProBlackItalic/DINProBlackItalic.woff") format("woff"),
    url("../fonts/DINProBlackItalic/DINProBlackItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 900;
}

А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!

Вы можете скачать шрифт "DIN Pro" одним zip-архивом, со всеми вариантами начертаний.
Ваша коллекция ßeta
  • Ничего не добавлено
Скачать ZIP архивом WordPress плагином
Шрифты для сайта