Шрифт Ding Pro
На нашем сайте, вы можете скачать шрифт Ding Pro для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DingPro ZDingbatCut
1. Для того, чтобы установить шрифт DingPro ZDingbatCut в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /DingProZDingbatCut /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DingProZDingbatCut";
src: url("../fonts/DingProZDingbatCut/DingProZDingbatCut.eot");
src: url("../fonts/DingProZDingbatCut/DingProZDingbatCut.eot?#iefix")format("embedded-opentype"),
url("../fonts/DingProZDingbatCut/DingProZDingbatCut.woff") format("woff"),
url("../fonts/DingProZDingbatCut/DingProZDingbatCut.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DingPro ZDingbatOne
1. Для того, чтобы установить шрифт DingPro ZDingbatOne в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /DingProZDingbatOne /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DingProZDingbatOne";
src: url("../fonts/DingProZDingbatOne/DingProZDingbatOne.eot");
src: url("../fonts/DingProZDingbatOne/DingProZDingbatOne.eot?#iefix")format("embedded-opentype"),
url("../fonts/DingProZDingbatOne/DingProZDingbatOne.woff") format("woff"),
url("../fonts/DingProZDingbatOne/DingProZDingbatOne.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DingPro ZDingbatRough
1. Для того, чтобы установить шрифт DingPro ZDingbatRough в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /DingProZDingbatRough /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DingProZDingbatRough";
src: url("../fonts/DingProZDingbatRough/DingProZDingbatRough.eot");
src: url("../fonts/DingProZDingbatRough/DingProZDingbatRough.eot?#iefix")format("embedded-opentype"),
url("../fonts/DingProZDingbatRough/DingProZDingbatRough.woff") format("woff"),
url("../fonts/DingProZDingbatRough/DingProZDingbatRough.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DingPro UltraBold
1. Для того, чтобы установить шрифт DingPro UltraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /DingProUltraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DingProUltraBold";
src: url("../fonts/DingProUltraBold/DingProUltraBold.eot");
src: url("../fonts/DingProUltraBold/DingProUltraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/DingProUltraBold/DingProUltraBold.woff") format("woff"),
url("../fonts/DingProUltraBold/DingProUltraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DingPro RoughHeavy
1. Для того, чтобы установить шрифт DingPro RoughHeavy в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /DingProRoughHeavy /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DingProRoughHeavy";
src: url("../fonts/DingProRoughHeavy/DingProRoughHeavy.eot");
src: url("../fonts/DingProRoughHeavy/DingProRoughHeavy.eot?#iefix")format("embedded-opentype"),
url("../fonts/DingProRoughHeavy/DingProRoughHeavy.woff") format("woff"),
url("../fonts/DingProRoughHeavy/DingProRoughHeavy.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DingPro HeavyInline
1. Для того, чтобы установить шрифт DingPro HeavyInline в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /DingProHeavyInline /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DingProHeavyInline";
src: url("../fonts/DingProHeavyInline/DingProHeavyInline.eot");
src: url("../fonts/DingProHeavyInline/DingProHeavyInline.eot?#iefix")format("embedded-opentype"),
url("../fonts/DingProHeavyInline/DingProHeavyInline.woff") format("woff"),
url("../fonts/DingProHeavyInline/DingProHeavyInline.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DingPro HeavyExtrude
1. Для того, чтобы установить шрифт DingPro HeavyExtrude в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /DingProHeavyExtrude /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DingProHeavyExtrude";
src: url("../fonts/DingProHeavyExtrude/DingProHeavyExtrude.eot");
src: url("../fonts/DingProHeavyExtrude/DingProHeavyExtrude.eot?#iefix")format("embedded-opentype"),
url("../fonts/DingProHeavyExtrude/DingProHeavyExtrude.woff") format("woff"),
url("../fonts/DingProHeavyExtrude/DingProHeavyExtrude.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DingPro HeavyHandCut
1. Для того, чтобы установить шрифт DingPro HeavyHandCut в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /DingProHeavyHandCut /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DingProHeavyHandCut";
src: url("../fonts/DingProHeavyHandCut/DingProHeavyHandCut.eot");
src: url("../fonts/DingProHeavyHandCut/DingProHeavyHandCut.eot?#iefix")format("embedded-opentype"),
url("../fonts/DingProHeavyHandCut/DingProHeavyHandCut.woff") format("woff"),
url("../fonts/DingProHeavyHandCut/DingProHeavyHandCut.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DingPro HeavyOnlyLine
1. Для того, чтобы установить шрифт DingPro HeavyOnlyLine в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /DingProHeavyOnlyLine /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DingProHeavyOnlyLine";
src: url("../fonts/DingProHeavyOnlyLine/DingProHeavyOnlyLine.eot");
src: url("../fonts/DingProHeavyOnlyLine/DingProHeavyOnlyLine.eot?#iefix")format("embedded-opentype"),
url("../fonts/DingProHeavyOnlyLine/DingProHeavyOnlyLine.woff") format("woff"),
url("../fonts/DingProHeavyOnlyLine/DingProHeavyOnlyLine.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DingPro Regular
1. Для того, чтобы установить шрифт DingPro Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /DingProRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DingProRegular";
src: url("../fonts/DingProRegular/DingProRegular.eot");
src: url("../fonts/DingProRegular/DingProRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/DingProRegular/DingProRegular.woff") format("woff"),
url("../fonts/DingProRegular/DingProRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DingPro SemiBold
1. Для того, чтобы установить шрифт DingPro SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /DingProSemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DingProSemiBold";
src: url("../fonts/DingProSemiBold/DingProSemiBold.eot");
src: url("../fonts/DingProSemiBold/DingProSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/DingProSemiBold/DingProSemiBold.woff") format("woff"),
url("../fonts/DingProSemiBold/DingProSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DingPro UltraLight
1. Для того, чтобы установить шрифт DingPro UltraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /DingProUltraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DingProUltraLight";
src: url("../fonts/DingProUltraLight/DingProUltraLight.eot");
src: url("../fonts/DingProUltraLight/DingProUltraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/DingProUltraLight/DingProUltraLight.woff") format("woff"),
url("../fonts/DingProUltraLight/DingProUltraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт DingPro Heavy
1. Для того, чтобы установить шрифт DingPro Heavy в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /DingProHeavy /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "DingProHeavy";
src: url("../fonts/DingProHeavy/DingProHeavy.eot");
src: url("../fonts/DingProHeavy/DingProHeavy.eot?#iefix")format("embedded-opentype"),
url("../fonts/DingProHeavy/DingProHeavy.woff") format("woff"),
url("../fonts/DingProHeavy/DingProHeavy.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!