Шрифт DIN Next LT Pro
На нашем сайте, вы можете скачать шрифт DIN Next LT Pro для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DINNextLTPro UltraLightCond
1. Для того, чтобы установить шрифт DINNextLTPro UltraLightCond в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/DINNextLTProUltraLightCond
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DINNextLTProUltraLightCond";
src: url("../fonts/DINNextLTProUltraLightCond/DINNextLTProUltraLightCond.eot");
src: url("../fonts/DINNextLTProUltraLightCond/DINNextLTProUltraLightCond.eot?#iefix")format("embedded-opentype"),
url("../fonts/DINNextLTProUltraLightCond/DINNextLTProUltraLightCond.woff") format("woff"),
url("../fonts/DINNextLTProUltraLightCond/DINNextLTProUltraLightCond.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DINNextLTPro BoldCondensed
1. Для того, чтобы установить шрифт DINNextLTPro BoldCondensed в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/DINNextLTProBoldCondensed
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DINNextLTProBoldCondensed";
src: url("../fonts/DINNextLTProBoldCondensed/DINNextLTProBoldCondensed.eot");
src: url("../fonts/DINNextLTProBoldCondensed/DINNextLTProBoldCondensed.eot?#iefix")format("embedded-opentype"),
url("../fonts/DINNextLTProBoldCondensed/DINNextLTProBoldCondensed.woff") format("woff"),
url("../fonts/DINNextLTProBoldCondensed/DINNextLTProBoldCondensed.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DINNextLTPro HeavyCondensed
1. Для того, чтобы установить шрифт DINNextLTPro HeavyCondensed в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/DINNextLTProHeavyCondensed
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DINNextLTProHeavyCondensed";
src: url("../fonts/DINNextLTProHeavyCondensed/DINNextLTProHeavyCondensed.eot");
src: url("../fonts/DINNextLTProHeavyCondensed/DINNextLTProHeavyCondensed.eot?#iefix")format("embedded-opentype"),
url("../fonts/DINNextLTProHeavyCondensed/DINNextLTProHeavyCondensed.woff") format("woff"),
url("../fonts/DINNextLTProHeavyCondensed/DINNextLTProHeavyCondensed.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DINNextLTPro LightCondensed
1. Для того, чтобы установить шрифт DINNextLTPro LightCondensed в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/DINNextLTProLightCondensed
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DINNextLTProLightCondensed";
src: url("../fonts/DINNextLTProLightCondensed/DINNextLTProLightCondensed.eot");
src: url("../fonts/DINNextLTProLightCondensed/DINNextLTProLightCondensed.eot?#iefix")format("embedded-opentype"),
url("../fonts/DINNextLTProLightCondensed/DINNextLTProLightCondensed.woff") format("woff"),
url("../fonts/DINNextLTProLightCondensed/DINNextLTProLightCondensed.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DINNextLTPro Condensed
1. Для того, чтобы установить шрифт DINNextLTPro Condensed в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/DINNextLTProCondensed
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DINNextLTProCondensed";
src: url("../fonts/DINNextLTProCondensed/DINNextLTProCondensed.eot");
src: url("../fonts/DINNextLTProCondensed/DINNextLTProCondensed.eot?#iefix")format("embedded-opentype"),
url("../fonts/DINNextLTProCondensed/DINNextLTProCondensed.woff") format("woff"),
url("../fonts/DINNextLTProCondensed/DINNextLTProCondensed.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DINNextLTPro UltraLightIt
1. Для того, чтобы установить шрифт DINNextLTPro UltraLightIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/DINNextLTProUltraLightIt
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DINNextLTProUltraLightIt";
src: url("../fonts/DINNextLTProUltraLightIt/DINNextLTProUltraLightIt.eot");
src: url("../fonts/DINNextLTProUltraLightIt/DINNextLTProUltraLightIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/DINNextLTProUltraLightIt/DINNextLTProUltraLightIt.woff") format("woff"),
url("../fonts/DINNextLTProUltraLightIt/DINNextLTProUltraLightIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DINNextLTPro BlackCondensed
1. Для того, чтобы установить шрифт DINNextLTPro BlackCondensed в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/DINNextLTProBlackCondensed
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DINNextLTProBlackCondensed";
src: url("../fonts/DINNextLTProBlackCondensed/DINNextLTProBlackCondensed.eot");
src: url("../fonts/DINNextLTProBlackCondensed/DINNextLTProBlackCondensed.eot?#iefix")format("embedded-opentype"),
url("../fonts/DINNextLTProBlackCondensed/DINNextLTProBlackCondensed.woff") format("woff"),
url("../fonts/DINNextLTProBlackCondensed/DINNextLTProBlackCondensed.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DINNextLTPro MediumCond
1. Для того, чтобы установить шрифт DINNextLTPro MediumCond в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/DINNextLTProMediumCond
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DINNextLTProMediumCond";
src: url("../fonts/DINNextLTProMediumCond/DINNextLTProMediumCond.eot");
src: url("../fonts/DINNextLTProMediumCond/DINNextLTProMediumCond.eot?#iefix")format("embedded-opentype"),
url("../fonts/DINNextLTProMediumCond/DINNextLTProMediumCond.woff") format("woff"),
url("../fonts/DINNextLTProMediumCond/DINNextLTProMediumCond.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DINNextLTPro Light
1. Для того, чтобы установить шрифт DINNextLTPro Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/DINNextLTProLight
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DINNextLTProLight";
src: url("../fonts/DINNextLTProLight/DINNextLTProLight.eot");
src: url("../fonts/DINNextLTProLight/DINNextLTProLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/DINNextLTProLight/DINNextLTProLight.woff") format("woff"),
url("../fonts/DINNextLTProLight/DINNextLTProLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DINNextLTPro Regular
1. Для того, чтобы установить шрифт DINNextLTPro Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/DINNextLTProRegular
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DINNextLTProRegular";
src: url("../fonts/DINNextLTProRegular/DINNextLTProRegular.eot");
src: url("../fonts/DINNextLTProRegular/DINNextLTProRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/DINNextLTProRegular/DINNextLTProRegular.woff") format("woff"),
url("../fonts/DINNextLTProRegular/DINNextLTProRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DINNextLTPro Medium
1. Для того, чтобы установить шрифт DINNextLTPro Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/DINNextLTProMedium
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DINNextLTProMedium";
src: url("../fonts/DINNextLTProMedium/DINNextLTProMedium.eot");
src: url("../fonts/DINNextLTProMedium/DINNextLTProMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/DINNextLTProMedium/DINNextLTProMedium.woff") format("woff"),
url("../fonts/DINNextLTProMedium/DINNextLTProMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DINNextLTPro UltraLight
1. Для того, чтобы установить шрифт DINNextLTPro UltraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/DINNextLTProUltraLight
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DINNextLTProUltraLight";
src: url("../fonts/DINNextLTProUltraLight/DINNextLTProUltraLight.eot");
src: url("../fonts/DINNextLTProUltraLight/DINNextLTProUltraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/DINNextLTProUltraLight/DINNextLTProUltraLight.woff") format("woff"),
url("../fonts/DINNextLTProUltraLight/DINNextLTProUltraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DINNextLTPro Bold
1. Для того, чтобы установить шрифт DINNextLTPro Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/DINNextLTProBold
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DINNextLTProBold";
src: url("../fonts/DINNextLTProBold/DINNextLTProBold.eot");
src: url("../fonts/DINNextLTProBold/DINNextLTProBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/DINNextLTProBold/DINNextLTProBold.woff") format("woff"),
url("../fonts/DINNextLTProBold/DINNextLTProBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DINNextLTPro Black
1. Для того, чтобы установить шрифт DINNextLTPro Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/DINNextLTProBlack
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DINNextLTProBlack";
src: url("../fonts/DINNextLTProBlack/DINNextLTProBlack.eot");
src: url("../fonts/DINNextLTProBlack/DINNextLTProBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/DINNextLTProBlack/DINNextLTProBlack.woff") format("woff"),
url("../fonts/DINNextLTProBlack/DINNextLTProBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DINNextLTPro LightItalic
1. Для того, чтобы установить шрифт DINNextLTPro LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/DINNextLTProLightItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DINNextLTProLightItalic";
src: url("../fonts/DINNextLTProLightItalic/DINNextLTProLightItalic.eot");
src: url("../fonts/DINNextLTProLightItalic/DINNextLTProLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/DINNextLTProLightItalic/DINNextLTProLightItalic.woff") format("woff"),
url("../fonts/DINNextLTProLightItalic/DINNextLTProLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DINNextLTPro Italic
1. Для того, чтобы установить шрифт DINNextLTPro Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/DINNextLTProItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DINNextLTProItalic";
src: url("../fonts/DINNextLTProItalic/DINNextLTProItalic.eot");
src: url("../fonts/DINNextLTProItalic/DINNextLTProItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/DINNextLTProItalic/DINNextLTProItalic.woff") format("woff"),
url("../fonts/DINNextLTProItalic/DINNextLTProItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DINNextLTPro MediumItalic
1. Для того, чтобы установить шрифт DINNextLTPro MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/DINNextLTProMediumItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DINNextLTProMediumItalic";
src: url("../fonts/DINNextLTProMediumItalic/DINNextLTProMediumItalic.eot");
src: url("../fonts/DINNextLTProMediumItalic/DINNextLTProMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/DINNextLTProMediumItalic/DINNextLTProMediumItalic.woff") format("woff"),
url("../fonts/DINNextLTProMediumItalic/DINNextLTProMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DINNextLTPro BoldItalic
1. Для того, чтобы установить шрифт DINNextLTPro BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/DINNextLTProBoldItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DINNextLTProBoldItalic";
src: url("../fonts/DINNextLTProBoldItalic/DINNextLTProBoldItalic.eot");
src: url("../fonts/DINNextLTProBoldItalic/DINNextLTProBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/DINNextLTProBoldItalic/DINNextLTProBoldItalic.woff") format("woff"),
url("../fonts/DINNextLTProBoldItalic/DINNextLTProBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DINNextLTPro BlackItalic
1. Для того, чтобы установить шрифт DINNextLTPro BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/DINNextLTProBlackItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DINNextLTProBlackItalic";
src: url("../fonts/DINNextLTProBlackItalic/DINNextLTProBlackItalic.eot");
src: url("../fonts/DINNextLTProBlackItalic/DINNextLTProBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/DINNextLTProBlackItalic/DINNextLTProBlackItalic.woff") format("woff"),
url("../fonts/DINNextLTProBlackItalic/DINNextLTProBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DINNextLTPro Heavy
1. Для того, чтобы установить шрифт DINNextLTPro Heavy в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/DINNextLTProHeavy
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DINNextLTProHeavy";
src: url("../fonts/DINNextLTProHeavy/DINNextLTProHeavy.eot");
src: url("../fonts/DINNextLTProHeavy/DINNextLTProHeavy.eot?#iefix")format("embedded-opentype"),
url("../fonts/DINNextLTProHeavy/DINNextLTProHeavy.woff") format("woff"),
url("../fonts/DINNextLTProHeavy/DINNextLTProHeavy.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DINNextLTPro HeavyItalic
1. Для того, чтобы установить шрифт DINNextLTPro HeavyItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/DINNextLTProHeavyItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DINNextLTProHeavyItalic";
src: url("../fonts/DINNextLTProHeavyItalic/DINNextLTProHeavyItalic.eot");
src: url("../fonts/DINNextLTProHeavyItalic/DINNextLTProHeavyItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/DINNextLTProHeavyItalic/DINNextLTProHeavyItalic.woff") format("woff"),
url("../fonts/DINNextLTProHeavyItalic/DINNextLTProHeavyItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!