Шрифт PF DIN Serif
На нашем сайте, вы можете скачать шрифт PF DIN Serif для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFDINSerif Extrablack
1. Для того, чтобы установить шрифт PFDINSerif Extrablack в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFDINSerifExtrablack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFDINSerifExtrablack";
src: url("../fonts/PFDINSerifExtrablack/PFDINSerifExtrablack.eot");
src: url("../fonts/PFDINSerifExtrablack/PFDINSerifExtrablack.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFDINSerifExtrablack/PFDINSerifExtrablack.woff") format("woff"),
url("../fonts/PFDINSerifExtrablack/PFDINSerifExtrablack.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFDINSerif ExtrablackItalic
1. Для того, чтобы установить шрифт PFDINSerif ExtrablackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFDINSerifExtrablackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFDINSerifExtrablackItalic";
src: url("../fonts/PFDINSerifExtrablackItalic/PFDINSerifExtrablackItalic.eot");
src: url("../fonts/PFDINSerifExtrablackItalic/PFDINSerifExtrablackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFDINSerifExtrablackItalic/PFDINSerifExtrablackItalic.woff") format("woff"),
url("../fonts/PFDINSerifExtrablackItalic/PFDINSerifExtrablackItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFDINSerif Regular
1. Для того, чтобы установить шрифт PFDINSerif Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFDINSerifRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFDINSerifRegular";
src: url("../fonts/PFDINSerifRegular/PFDINSerifRegular.eot");
src: url("../fonts/PFDINSerifRegular/PFDINSerifRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFDINSerifRegular/PFDINSerifRegular.woff") format("woff"),
url("../fonts/PFDINSerifRegular/PFDINSerifRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFDINSerif Medium
1. Для того, чтобы установить шрифт PFDINSerif Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFDINSerifMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFDINSerifMedium";
src: url("../fonts/PFDINSerifMedium/PFDINSerifMedium.eot");
src: url("../fonts/PFDINSerifMedium/PFDINSerifMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFDINSerifMedium/PFDINSerifMedium.woff") format("woff"),
url("../fonts/PFDINSerifMedium/PFDINSerifMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFDINSerif Bold
1. Для того, чтобы установить шрифт PFDINSerif Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFDINSerifBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFDINSerifBold";
src: url("../fonts/PFDINSerifBold/PFDINSerifBold.eot");
src: url("../fonts/PFDINSerifBold/PFDINSerifBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFDINSerifBold/PFDINSerifBold.woff") format("woff"),
url("../fonts/PFDINSerifBold/PFDINSerifBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFDINSerif Black
1. Для того, чтобы установить шрифт PFDINSerif Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFDINSerifBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFDINSerifBlack";
src: url("../fonts/PFDINSerifBlack/PFDINSerifBlack.eot");
src: url("../fonts/PFDINSerifBlack/PFDINSerifBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFDINSerifBlack/PFDINSerifBlack.woff") format("woff"),
url("../fonts/PFDINSerifBlack/PFDINSerifBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFDINSerif Italic
1. Для того, чтобы установить шрифт PFDINSerif Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFDINSerifItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFDINSerifItalic";
src: url("../fonts/PFDINSerifItalic/PFDINSerifItalic.eot");
src: url("../fonts/PFDINSerifItalic/PFDINSerifItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFDINSerifItalic/PFDINSerifItalic.woff") format("woff"),
url("../fonts/PFDINSerifItalic/PFDINSerifItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFDINSerif MediumItalic
1. Для того, чтобы установить шрифт PFDINSerif MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFDINSerifMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFDINSerifMediumItalic";
src: url("../fonts/PFDINSerifMediumItalic/PFDINSerifMediumItalic.eot");
src: url("../fonts/PFDINSerifMediumItalic/PFDINSerifMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFDINSerifMediumItalic/PFDINSerifMediumItalic.woff") format("woff"),
url("../fonts/PFDINSerifMediumItalic/PFDINSerifMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFDINSerif BoldItalic
1. Для того, чтобы установить шрифт PFDINSerif BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFDINSerifBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFDINSerifBoldItalic";
src: url("../fonts/PFDINSerifBoldItalic/PFDINSerifBoldItalic.eot");
src: url("../fonts/PFDINSerifBoldItalic/PFDINSerifBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFDINSerifBoldItalic/PFDINSerifBoldItalic.woff") format("woff"),
url("../fonts/PFDINSerifBoldItalic/PFDINSerifBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PFDINSerif BlackItalic
1. Для того, чтобы установить шрифт PFDINSerif BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PFDINSerifBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PFDINSerifBlackItalic";
src: url("../fonts/PFDINSerifBlackItalic/PFDINSerifBlackItalic.eot");
src: url("../fonts/PFDINSerifBlackItalic/PFDINSerifBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PFDINSerifBlackItalic/PFDINSerifBlackItalic.woff") format("woff"),
url("../fonts/PFDINSerifBlackItalic/PFDINSerifBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!