Шрифт PF Din Display Pro
На нашем сайте, вы можете скачать шрифт PF Din Display Pro для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFDinDisplayPro ExtraThin
1. Для того, чтобы установить шрифт PFDinDisplayPro ExtraThin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFDinDisplayProExtraThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFDinDisplayProExtraThin";
src: url("../fonts/PFDinDisplayProExtraThin/PFDinDisplayProExtraThin.eot");
src: url("../fonts/PFDinDisplayProExtraThin/PFDinDisplayProExtraThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFDinDisplayProExtraThin/PFDinDisplayProExtraThin.woff") format("woff"),
url("../fonts/PFDinDisplayProExtraThin/PFDinDisplayProExtraThin.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFDinDisplayPro ExtraThinItalic
1. Для того, чтобы установить шрифт PFDinDisplayPro ExtraThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFDinDisplayProExtraThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFDinDisplayProExtraThinItalic";
src: url("../fonts/PFDinDisplayProExtraThinItalic/PFDinDisplayProExtraThinItalic.eot");
src: url("../fonts/PFDinDisplayProExtraThinItalic/PFDinDisplayProExtraThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFDinDisplayProExtraThinItalic/PFDinDisplayProExtraThinItalic.woff") format("woff"),
url("../fonts/PFDinDisplayProExtraThinItalic/PFDinDisplayProExtraThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFDinDisplayPro Thin
1. Для того, чтобы установить шрифт PFDinDisplayPro Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFDinDisplayProThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFDinDisplayProThin";
src: url("../fonts/PFDinDisplayProThin/PFDinDisplayProThin.eot");
src: url("../fonts/PFDinDisplayProThin/PFDinDisplayProThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFDinDisplayProThin/PFDinDisplayProThin.woff") format("woff"),
url("../fonts/PFDinDisplayProThin/PFDinDisplayProThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFDinDisplayPro Light
1. Для того, чтобы установить шрифт PFDinDisplayPro Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFDinDisplayProLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFDinDisplayProLight";
src: url("../fonts/PFDinDisplayProLight/PFDinDisplayProLight.eot");
src: url("../fonts/PFDinDisplayProLight/PFDinDisplayProLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFDinDisplayProLight/PFDinDisplayProLight.woff") format("woff"),
url("../fonts/PFDinDisplayProLight/PFDinDisplayProLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFDinDisplayPro Regular
1. Для того, чтобы установить шрифт PFDinDisplayPro Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFDinDisplayProRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFDinDisplayProRegular";
src: url("../fonts/PFDinDisplayProRegular/PFDinDisplayProRegular.eot");
src: url("../fonts/PFDinDisplayProRegular/PFDinDisplayProRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFDinDisplayProRegular/PFDinDisplayProRegular.woff") format("woff"),
url("../fonts/PFDinDisplayProRegular/PFDinDisplayProRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFDinDisplayPro Medium
1. Для того, чтобы установить шрифт PFDinDisplayPro Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFDinDisplayProMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFDinDisplayProMedium";
src: url("../fonts/PFDinDisplayProMedium/PFDinDisplayProMedium.eot");
src: url("../fonts/PFDinDisplayProMedium/PFDinDisplayProMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFDinDisplayProMedium/PFDinDisplayProMedium.woff") format("woff"),
url("../fonts/PFDinDisplayProMedium/PFDinDisplayProMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFDinDisplayPro Bold
1. Для того, чтобы установить шрифт PFDinDisplayPro Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFDinDisplayProBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFDinDisplayProBold";
src: url("../fonts/PFDinDisplayProBold/PFDinDisplayProBold.eot");
src: url("../fonts/PFDinDisplayProBold/PFDinDisplayProBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFDinDisplayProBold/PFDinDisplayProBold.woff") format("woff"),
url("../fonts/PFDinDisplayProBold/PFDinDisplayProBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFDinDisplayPro Black
1. Для того, чтобы установить шрифт PFDinDisplayPro Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFDinDisplayProBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFDinDisplayProBlack";
src: url("../fonts/PFDinDisplayProBlack/PFDinDisplayProBlack.eot");
src: url("../fonts/PFDinDisplayProBlack/PFDinDisplayProBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFDinDisplayProBlack/PFDinDisplayProBlack.woff") format("woff"),
url("../fonts/PFDinDisplayProBlack/PFDinDisplayProBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFDinDisplayPro ThinItalic
1. Для того, чтобы установить шрифт PFDinDisplayPro ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFDinDisplayProThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFDinDisplayProThinItalic";
src: url("../fonts/PFDinDisplayProThinItalic/PFDinDisplayProThinItalic.eot");
src: url("../fonts/PFDinDisplayProThinItalic/PFDinDisplayProThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFDinDisplayProThinItalic/PFDinDisplayProThinItalic.woff") format("woff"),
url("../fonts/PFDinDisplayProThinItalic/PFDinDisplayProThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFDinDisplayPro LightItalic
1. Для того, чтобы установить шрифт PFDinDisplayPro LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFDinDisplayProLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFDinDisplayProLightItalic";
src: url("../fonts/PFDinDisplayProLightItalic/PFDinDisplayProLightItalic.eot");
src: url("../fonts/PFDinDisplayProLightItalic/PFDinDisplayProLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFDinDisplayProLightItalic/PFDinDisplayProLightItalic.woff") format("woff"),
url("../fonts/PFDinDisplayProLightItalic/PFDinDisplayProLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFDinDisplayPro Italic
1. Для того, чтобы установить шрифт PFDinDisplayPro Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFDinDisplayProItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFDinDisplayProItalic";
src: url("../fonts/PFDinDisplayProItalic/PFDinDisplayProItalic.eot");
src: url("../fonts/PFDinDisplayProItalic/PFDinDisplayProItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFDinDisplayProItalic/PFDinDisplayProItalic.woff") format("woff"),
url("../fonts/PFDinDisplayProItalic/PFDinDisplayProItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFDinDisplayPro MediumItalic
1. Для того, чтобы установить шрифт PFDinDisplayPro MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFDinDisplayProMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFDinDisplayProMediumItalic";
src: url("../fonts/PFDinDisplayProMediumItalic/PFDinDisplayProMediumItalic.eot");
src: url("../fonts/PFDinDisplayProMediumItalic/PFDinDisplayProMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFDinDisplayProMediumItalic/PFDinDisplayProMediumItalic.woff") format("woff"),
url("../fonts/PFDinDisplayProMediumItalic/PFDinDisplayProMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFDinDisplayPro BoldItalic
1. Для того, чтобы установить шрифт PFDinDisplayPro BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFDinDisplayProBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFDinDisplayProBoldItalic";
src: url("../fonts/PFDinDisplayProBoldItalic/PFDinDisplayProBoldItalic.eot");
src: url("../fonts/PFDinDisplayProBoldItalic/PFDinDisplayProBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFDinDisplayProBoldItalic/PFDinDisplayProBoldItalic.woff") format("woff"),
url("../fonts/PFDinDisplayProBoldItalic/PFDinDisplayProBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFDinDisplayPro BlackItalic
1. Для того, чтобы установить шрифт PFDinDisplayPro BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFDinDisplayProBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFDinDisplayProBlackItalic";
src: url("../fonts/PFDinDisplayProBlackItalic/PFDinDisplayProBlackItalic.eot");
src: url("../fonts/PFDinDisplayProBlackItalic/PFDinDisplayProBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFDinDisplayProBlackItalic/PFDinDisplayProBlackItalic.woff") format("woff"),
url("../fonts/PFDinDisplayProBlackItalic/PFDinDisplayProBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!