Шрифт Passenger Sans
На нашем сайте, вы можете скачать шрифт Passenger Sans для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PassengerSans Extrablack
1. Для того, чтобы установить шрифт PassengerSans Extrablack в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PassengerSansExtrablack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PassengerSansExtrablack";
src: url("../fonts/PassengerSansExtrablack/PassengerSansExtrablack.eot");
src: url("../fonts/PassengerSansExtrablack/PassengerSansExtrablack.eot?#iefix")format("embedded-opentype"),
url("../fonts/PassengerSansExtrablack/PassengerSansExtrablack.woff") format("woff"),
url("../fonts/PassengerSansExtrablack/PassengerSansExtrablack.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PassengerSans ExtrablackItalic
1. Для того, чтобы установить шрифт PassengerSans ExtrablackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PassengerSansExtrablackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PassengerSansExtrablackItalic";
src: url("../fonts/PassengerSansExtrablackItalic/PassengerSansExtrablackItalic.eot");
src: url("../fonts/PassengerSansExtrablackItalic/PassengerSansExtrablackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PassengerSansExtrablackItalic/PassengerSansExtrablackItalic.woff") format("woff"),
url("../fonts/PassengerSansExtrablackItalic/PassengerSansExtrablackItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PassengerSans Ultra
1. Для того, чтобы установить шрифт PassengerSans Ultra в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PassengerSansUltra /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PassengerSansUltra";
src: url("../fonts/PassengerSansUltra/PassengerSansUltra.eot");
src: url("../fonts/PassengerSansUltra/PassengerSansUltra.eot?#iefix")format("embedded-opentype"),
url("../fonts/PassengerSansUltra/PassengerSansUltra.woff") format("woff"),
url("../fonts/PassengerSansUltra/PassengerSansUltra.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PassengerSans UltraItalic
1. Для того, чтобы установить шрифт PassengerSans UltraItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PassengerSansUltraItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PassengerSansUltraItalic";
src: url("../fonts/PassengerSansUltraItalic/PassengerSansUltraItalic.eot");
src: url("../fonts/PassengerSansUltraItalic/PassengerSansUltraItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PassengerSansUltraItalic/PassengerSansUltraItalic.woff") format("woff"),
url("../fonts/PassengerSansUltraItalic/PassengerSansUltraItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PassengerSans Thin
1. Для того, чтобы установить шрифт PassengerSans Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PassengerSansThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PassengerSansThin";
src: url("../fonts/PassengerSansThin/PassengerSansThin.eot");
src: url("../fonts/PassengerSansThin/PassengerSansThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/PassengerSansThin/PassengerSansThin.woff") format("woff"),
url("../fonts/PassengerSansThin/PassengerSansThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PassengerSans ExtraLight
1. Для того, чтобы установить шрифт PassengerSans ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PassengerSansExtraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PassengerSansExtraLight";
src: url("../fonts/PassengerSansExtraLight/PassengerSansExtraLight.eot");
src: url("../fonts/PassengerSansExtraLight/PassengerSansExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/PassengerSansExtraLight/PassengerSansExtraLight.woff") format("woff"),
url("../fonts/PassengerSansExtraLight/PassengerSansExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PassengerSans Light
1. Для того, чтобы установить шрифт PassengerSans Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PassengerSansLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PassengerSansLight";
src: url("../fonts/PassengerSansLight/PassengerSansLight.eot");
src: url("../fonts/PassengerSansLight/PassengerSansLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/PassengerSansLight/PassengerSansLight.woff") format("woff"),
url("../fonts/PassengerSansLight/PassengerSansLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PassengerSans Regular
1. Для того, чтобы установить шрифт PassengerSans Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PassengerSansRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PassengerSansRegular";
src: url("../fonts/PassengerSansRegular/PassengerSansRegular.eot");
src: url("../fonts/PassengerSansRegular/PassengerSansRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/PassengerSansRegular/PassengerSansRegular.woff") format("woff"),
url("../fonts/PassengerSansRegular/PassengerSansRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PassengerSans Medium
1. Для того, чтобы установить шрифт PassengerSans Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PassengerSansMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PassengerSansMedium";
src: url("../fonts/PassengerSansMedium/PassengerSansMedium.eot");
src: url("../fonts/PassengerSansMedium/PassengerSansMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/PassengerSansMedium/PassengerSansMedium.woff") format("woff"),
url("../fonts/PassengerSansMedium/PassengerSansMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PassengerSans SemiBold
1. Для того, чтобы установить шрифт PassengerSans SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PassengerSansSemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PassengerSansSemiBold";
src: url("../fonts/PassengerSansSemiBold/PassengerSansSemiBold.eot");
src: url("../fonts/PassengerSansSemiBold/PassengerSansSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/PassengerSansSemiBold/PassengerSansSemiBold.woff") format("woff"),
url("../fonts/PassengerSansSemiBold/PassengerSansSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PassengerSans Bold
1. Для того, чтобы установить шрифт PassengerSans Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PassengerSansBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PassengerSansBold";
src: url("../fonts/PassengerSansBold/PassengerSansBold.eot");
src: url("../fonts/PassengerSansBold/PassengerSansBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/PassengerSansBold/PassengerSansBold.woff") format("woff"),
url("../fonts/PassengerSansBold/PassengerSansBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PassengerSans Black
1. Для того, чтобы установить шрифт PassengerSans Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PassengerSansBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PassengerSansBlack";
src: url("../fonts/PassengerSansBlack/PassengerSansBlack.eot");
src: url("../fonts/PassengerSansBlack/PassengerSansBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/PassengerSansBlack/PassengerSansBlack.woff") format("woff"),
url("../fonts/PassengerSansBlack/PassengerSansBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PassengerSans ThinItalic
1. Для того, чтобы установить шрифт PassengerSans ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PassengerSansThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PassengerSansThinItalic";
src: url("../fonts/PassengerSansThinItalic/PassengerSansThinItalic.eot");
src: url("../fonts/PassengerSansThinItalic/PassengerSansThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PassengerSansThinItalic/PassengerSansThinItalic.woff") format("woff"),
url("../fonts/PassengerSansThinItalic/PassengerSansThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PassengerSans ExtraLightItalic
1. Для того, чтобы установить шрифт PassengerSans ExtraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PassengerSansExtraLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PassengerSansExtraLightItalic";
src: url("../fonts/PassengerSansExtraLightItalic/PassengerSansExtraLightItalic.eot");
src: url("../fonts/PassengerSansExtraLightItalic/PassengerSansExtraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PassengerSansExtraLightItalic/PassengerSansExtraLightItalic.woff") format("woff"),
url("../fonts/PassengerSansExtraLightItalic/PassengerSansExtraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PassengerSans LightItalic
1. Для того, чтобы установить шрифт PassengerSans LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PassengerSansLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PassengerSansLightItalic";
src: url("../fonts/PassengerSansLightItalic/PassengerSansLightItalic.eot");
src: url("../fonts/PassengerSansLightItalic/PassengerSansLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PassengerSansLightItalic/PassengerSansLightItalic.woff") format("woff"),
url("../fonts/PassengerSansLightItalic/PassengerSansLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PassengerSans Italic
1. Для того, чтобы установить шрифт PassengerSans Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PassengerSansItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PassengerSansItalic";
src: url("../fonts/PassengerSansItalic/PassengerSansItalic.eot");
src: url("../fonts/PassengerSansItalic/PassengerSansItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PassengerSansItalic/PassengerSansItalic.woff") format("woff"),
url("../fonts/PassengerSansItalic/PassengerSansItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PassengerSans MediumItalic
1. Для того, чтобы установить шрифт PassengerSans MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PassengerSansMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PassengerSansMediumItalic";
src: url("../fonts/PassengerSansMediumItalic/PassengerSansMediumItalic.eot");
src: url("../fonts/PassengerSansMediumItalic/PassengerSansMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PassengerSansMediumItalic/PassengerSansMediumItalic.woff") format("woff"),
url("../fonts/PassengerSansMediumItalic/PassengerSansMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PassengerSans BoldItalic
1. Для того, чтобы установить шрифт PassengerSans BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PassengerSansBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PassengerSansBoldItalic";
src: url("../fonts/PassengerSansBoldItalic/PassengerSansBoldItalic.eot");
src: url("../fonts/PassengerSansBoldItalic/PassengerSansBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PassengerSansBoldItalic/PassengerSansBoldItalic.woff") format("woff"),
url("../fonts/PassengerSansBoldItalic/PassengerSansBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PassengerSans SemiBoldItalic
1. Для того, чтобы установить шрифт PassengerSans SemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PassengerSansSemiBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PassengerSansSemiBoldItalic";
src: url("../fonts/PassengerSansSemiBoldItalic/PassengerSansSemiBoldItalic.eot");
src: url("../fonts/PassengerSansSemiBoldItalic/PassengerSansSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PassengerSansSemiBoldItalic/PassengerSansSemiBoldItalic.woff") format("woff"),
url("../fonts/PassengerSansSemiBoldItalic/PassengerSansSemiBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт PassengerSans BlackItalic
1. Для того, чтобы установить шрифт PassengerSans BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /PassengerSansBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "PassengerSansBlackItalic";
src: url("../fonts/PassengerSansBlackItalic/PassengerSansBlackItalic.eot");
src: url("../fonts/PassengerSansBlackItalic/PassengerSansBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/PassengerSansBlackItalic/PassengerSansBlackItalic.woff") format("woff"),
url("../fonts/PassengerSansBlackItalic/PassengerSansBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!