Шрифт 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 сайта, и установить шрифты через менеджер плагинов в админке!