Шрифт Heading Pro
На нашем сайте, вы можете скачать шрифт Heading Pro для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт HeadingPro Thin
1. Для того, чтобы установить шрифт HeadingPro Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /HeadingProThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "HeadingProThin";
src: url("../fonts/HeadingProThin/HeadingProThin.eot");
src: url("../fonts/HeadingProThin/HeadingProThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/HeadingProThin/HeadingProThin.woff") format("woff"),
url("../fonts/HeadingProThin/HeadingProThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт HeadingPro ExtraLight
1. Для того, чтобы установить шрифт HeadingPro ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /HeadingProExtraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "HeadingProExtraLight";
src: url("../fonts/HeadingProExtraLight/HeadingProExtraLight.eot");
src: url("../fonts/HeadingProExtraLight/HeadingProExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/HeadingProExtraLight/HeadingProExtraLight.woff") format("woff"),
url("../fonts/HeadingProExtraLight/HeadingProExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт HeadingPro Light
1. Для того, чтобы установить шрифт HeadingPro Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /HeadingProLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "HeadingProLight";
src: url("../fonts/HeadingProLight/HeadingProLight.eot");
src: url("../fonts/HeadingProLight/HeadingProLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/HeadingProLight/HeadingProLight.woff") format("woff"),
url("../fonts/HeadingProLight/HeadingProLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт HeadingPro Regular
1. Для того, чтобы установить шрифт HeadingPro Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /HeadingProRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "HeadingProRegular";
src: url("../fonts/HeadingProRegular/HeadingProRegular.eot");
src: url("../fonts/HeadingProRegular/HeadingProRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/HeadingProRegular/HeadingProRegular.woff") format("woff"),
url("../fonts/HeadingProRegular/HeadingProRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт HeadingPro Bold
1. Для того, чтобы установить шрифт HeadingPro Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /HeadingProBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "HeadingProBold";
src: url("../fonts/HeadingProBold/HeadingProBold.eot");
src: url("../fonts/HeadingProBold/HeadingProBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/HeadingProBold/HeadingProBold.woff") format("woff"),
url("../fonts/HeadingProBold/HeadingProBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт HeadingPro ExtraBold
1. Для того, чтобы установить шрифт HeadingPro ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /HeadingProExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "HeadingProExtraBold";
src: url("../fonts/HeadingProExtraBold/HeadingProExtraBold.eot");
src: url("../fonts/HeadingProExtraBold/HeadingProExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/HeadingProExtraBold/HeadingProExtraBold.woff") format("woff"),
url("../fonts/HeadingProExtraBold/HeadingProExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт HeadingPro ThinItalic
1. Для того, чтобы установить шрифт HeadingPro ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /HeadingProThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "HeadingProThinItalic";
src: url("../fonts/HeadingProThinItalic/HeadingProThinItalic.eot");
src: url("../fonts/HeadingProThinItalic/HeadingProThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/HeadingProThinItalic/HeadingProThinItalic.woff") format("woff"),
url("../fonts/HeadingProThinItalic/HeadingProThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт HeadingPro ExtraLightItalic
1. Для того, чтобы установить шрифт HeadingPro ExtraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /HeadingProExtraLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "HeadingProExtraLightItalic";
src: url("../fonts/HeadingProExtraLightItalic/HeadingProExtraLightItalic.eot");
src: url("../fonts/HeadingProExtraLightItalic/HeadingProExtraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/HeadingProExtraLightItalic/HeadingProExtraLightItalic.woff") format("woff"),
url("../fonts/HeadingProExtraLightItalic/HeadingProExtraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт HeadingPro LightItalic
1. Для того, чтобы установить шрифт HeadingPro LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /HeadingProLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "HeadingProLightItalic";
src: url("../fonts/HeadingProLightItalic/HeadingProLightItalic.eot");
src: url("../fonts/HeadingProLightItalic/HeadingProLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/HeadingProLightItalic/HeadingProLightItalic.woff") format("woff"),
url("../fonts/HeadingProLightItalic/HeadingProLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт HeadingPro Italic
1. Для того, чтобы установить шрифт HeadingPro Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /HeadingProItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "HeadingProItalic";
src: url("../fonts/HeadingProItalic/HeadingProItalic.eot");
src: url("../fonts/HeadingProItalic/HeadingProItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/HeadingProItalic/HeadingProItalic.woff") format("woff"),
url("../fonts/HeadingProItalic/HeadingProItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт HeadingPro BoldItalic
1. Для того, чтобы установить шрифт HeadingPro BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /HeadingProBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "HeadingProBoldItalic";
src: url("../fonts/HeadingProBoldItalic/HeadingProBoldItalic.eot");
src: url("../fonts/HeadingProBoldItalic/HeadingProBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/HeadingProBoldItalic/HeadingProBoldItalic.woff") format("woff"),
url("../fonts/HeadingProBoldItalic/HeadingProBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт HeadingPro ExtraBoldItalic
1. Для того, чтобы установить шрифт HeadingPro ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /HeadingProExtraBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "HeadingProExtraBoldItalic";
src: url("../fonts/HeadingProExtraBoldItalic/HeadingProExtraBoldItalic.eot");
src: url("../fonts/HeadingProExtraBoldItalic/HeadingProExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/HeadingProExtraBoldItalic/HeadingProExtraBoldItalic.woff") format("woff"),
url("../fonts/HeadingProExtraBoldItalic/HeadingProExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт HeadingPro Book
1. Для того, чтобы установить шрифт HeadingPro Book в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /HeadingProBook /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "HeadingProBook";
src: url("../fonts/HeadingProBook/HeadingProBook.eot");
src: url("../fonts/HeadingProBook/HeadingProBook.eot?#iefix")format("embedded-opentype"),
url("../fonts/HeadingProBook/HeadingProBook.woff") format("woff"),
url("../fonts/HeadingProBook/HeadingProBook.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт HeadingPro Heavy
1. Для того, чтобы установить шрифт HeadingPro Heavy в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /HeadingProHeavy /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "HeadingProHeavy";
src: url("../fonts/HeadingProHeavy/HeadingProHeavy.eot");
src: url("../fonts/HeadingProHeavy/HeadingProHeavy.eot?#iefix")format("embedded-opentype"),
url("../fonts/HeadingProHeavy/HeadingProHeavy.woff") format("woff"),
url("../fonts/HeadingProHeavy/HeadingProHeavy.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт HeadingPro HeavyItalic
1. Для того, чтобы установить шрифт HeadingPro HeavyItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /HeadingProHeavyItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "HeadingProHeavyItalic";
src: url("../fonts/HeadingProHeavyItalic/HeadingProHeavyItalic.eot");
src: url("../fonts/HeadingProHeavyItalic/HeadingProHeavyItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/HeadingProHeavyItalic/HeadingProHeavyItalic.woff") format("woff"),
url("../fonts/HeadingProHeavyItalic/HeadingProHeavyItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт HeadingPro BookItalic
1. Для того, чтобы установить шрифт HeadingPro BookItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /HeadingProBookItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "HeadingProBookItalic";
src: url("../fonts/HeadingProBookItalic/HeadingProBookItalic.eot");
src: url("../fonts/HeadingProBookItalic/HeadingProBookItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/HeadingProBookItalic/HeadingProBookItalic.woff") format("woff"),
url("../fonts/HeadingProBookItalic/HeadingProBookItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!