Шрифт PF Highway Sans Pro
На нашем сайте, вы можете скачать шрифт PF Highway Sans Pro для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFHighwaySansPro ExtraThin
1. Для того, чтобы установить шрифт PFHighwaySansPro ExtraThin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFHighwaySansProExtraThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFHighwaySansProExtraThin";
src: url("../fonts/PFHighwaySansProExtraThin/PFHighwaySansProExtraThin.eot");
src: url("../fonts/PFHighwaySansProExtraThin/PFHighwaySansProExtraThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFHighwaySansProExtraThin/PFHighwaySansProExtraThin.woff") format("woff"),
url("../fonts/PFHighwaySansProExtraThin/PFHighwaySansProExtraThin.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFHighwaySansPro ExtraThinItalic
1. Для того, чтобы установить шрифт PFHighwaySansPro ExtraThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFHighwaySansProExtraThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFHighwaySansProExtraThinItalic";
src: url("../fonts/PFHighwaySansProExtraThinItalic/PFHighwaySansProExtraThinItalic.eot");
src: url("../fonts/PFHighwaySansProExtraThinItalic/PFHighwaySansProExtraThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFHighwaySansProExtraThinItalic/PFHighwaySansProExtraThinItalic.woff") format("woff"),
url("../fonts/PFHighwaySansProExtraThinItalic/PFHighwaySansProExtraThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFHighwaySansPro Thin
1. Для того, чтобы установить шрифт PFHighwaySansPro Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFHighwaySansProThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFHighwaySansProThin";
src: url("../fonts/PFHighwaySansProThin/PFHighwaySansProThin.eot");
src: url("../fonts/PFHighwaySansProThin/PFHighwaySansProThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFHighwaySansProThin/PFHighwaySansProThin.woff") format("woff"),
url("../fonts/PFHighwaySansProThin/PFHighwaySansProThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFHighwaySansPro Light
1. Для того, чтобы установить шрифт PFHighwaySansPro Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFHighwaySansProLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFHighwaySansProLight";
src: url("../fonts/PFHighwaySansProLight/PFHighwaySansProLight.eot");
src: url("../fonts/PFHighwaySansProLight/PFHighwaySansProLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFHighwaySansProLight/PFHighwaySansProLight.woff") format("woff"),
url("../fonts/PFHighwaySansProLight/PFHighwaySansProLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFHighwaySansPro Regular
1. Для того, чтобы установить шрифт PFHighwaySansPro Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFHighwaySansProRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFHighwaySansProRegular";
src: url("../fonts/PFHighwaySansProRegular/PFHighwaySansProRegular.eot");
src: url("../fonts/PFHighwaySansProRegular/PFHighwaySansProRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFHighwaySansProRegular/PFHighwaySansProRegular.woff") format("woff"),
url("../fonts/PFHighwaySansProRegular/PFHighwaySansProRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFHighwaySansPro Medium
1. Для того, чтобы установить шрифт PFHighwaySansPro Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFHighwaySansProMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFHighwaySansProMedium";
src: url("../fonts/PFHighwaySansProMedium/PFHighwaySansProMedium.eot");
src: url("../fonts/PFHighwaySansProMedium/PFHighwaySansProMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFHighwaySansProMedium/PFHighwaySansProMedium.woff") format("woff"),
url("../fonts/PFHighwaySansProMedium/PFHighwaySansProMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFHighwaySansPro Bold
1. Для того, чтобы установить шрифт PFHighwaySansPro Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFHighwaySansProBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFHighwaySansProBold";
src: url("../fonts/PFHighwaySansProBold/PFHighwaySansProBold.eot");
src: url("../fonts/PFHighwaySansProBold/PFHighwaySansProBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFHighwaySansProBold/PFHighwaySansProBold.woff") format("woff"),
url("../fonts/PFHighwaySansProBold/PFHighwaySansProBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFHighwaySansPro Black
1. Для того, чтобы установить шрифт PFHighwaySansPro Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFHighwaySansProBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFHighwaySansProBlack";
src: url("../fonts/PFHighwaySansProBlack/PFHighwaySansProBlack.eot");
src: url("../fonts/PFHighwaySansProBlack/PFHighwaySansProBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFHighwaySansProBlack/PFHighwaySansProBlack.woff") format("woff"),
url("../fonts/PFHighwaySansProBlack/PFHighwaySansProBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFHighwaySansPro ThinItalic
1. Для того, чтобы установить шрифт PFHighwaySansPro ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFHighwaySansProThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFHighwaySansProThinItalic";
src: url("../fonts/PFHighwaySansProThinItalic/PFHighwaySansProThinItalic.eot");
src: url("../fonts/PFHighwaySansProThinItalic/PFHighwaySansProThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFHighwaySansProThinItalic/PFHighwaySansProThinItalic.woff") format("woff"),
url("../fonts/PFHighwaySansProThinItalic/PFHighwaySansProThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFHighwaySansPro LightItalic
1. Для того, чтобы установить шрифт PFHighwaySansPro LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFHighwaySansProLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFHighwaySansProLightItalic";
src: url("../fonts/PFHighwaySansProLightItalic/PFHighwaySansProLightItalic.eot");
src: url("../fonts/PFHighwaySansProLightItalic/PFHighwaySansProLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFHighwaySansProLightItalic/PFHighwaySansProLightItalic.woff") format("woff"),
url("../fonts/PFHighwaySansProLightItalic/PFHighwaySansProLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFHighwaySansPro Italic
1. Для того, чтобы установить шрифт PFHighwaySansPro Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFHighwaySansProItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFHighwaySansProItalic";
src: url("../fonts/PFHighwaySansProItalic/PFHighwaySansProItalic.eot");
src: url("../fonts/PFHighwaySansProItalic/PFHighwaySansProItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFHighwaySansProItalic/PFHighwaySansProItalic.woff") format("woff"),
url("../fonts/PFHighwaySansProItalic/PFHighwaySansProItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFHighwaySansPro MediumItalic
1. Для того, чтобы установить шрифт PFHighwaySansPro MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFHighwaySansProMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFHighwaySansProMediumItalic";
src: url("../fonts/PFHighwaySansProMediumItalic/PFHighwaySansProMediumItalic.eot");
src: url("../fonts/PFHighwaySansProMediumItalic/PFHighwaySansProMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFHighwaySansProMediumItalic/PFHighwaySansProMediumItalic.woff") format("woff"),
url("../fonts/PFHighwaySansProMediumItalic/PFHighwaySansProMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFHighwaySansPro BoldItalic
1. Для того, чтобы установить шрифт PFHighwaySansPro BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFHighwaySansProBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFHighwaySansProBoldItalic";
src: url("../fonts/PFHighwaySansProBoldItalic/PFHighwaySansProBoldItalic.eot");
src: url("../fonts/PFHighwaySansProBoldItalic/PFHighwaySansProBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFHighwaySansProBoldItalic/PFHighwaySansProBoldItalic.woff") format("woff"),
url("../fonts/PFHighwaySansProBoldItalic/PFHighwaySansProBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFHighwaySansPro BlackItalic
1. Для того, чтобы установить шрифт PFHighwaySansPro BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFHighwaySansProBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFHighwaySansProBlackItalic";
src: url("../fonts/PFHighwaySansProBlackItalic/PFHighwaySansProBlackItalic.eot");
src: url("../fonts/PFHighwaySansProBlackItalic/PFHighwaySansProBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFHighwaySansProBlackItalic/PFHighwaySansProBlackItalic.woff") format("woff"),
url("../fonts/PFHighwaySansProBlackItalic/PFHighwaySansProBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!