Шрифт TT Phobos
На нашем сайте, вы можете скачать шрифт TT Phobos для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TTPhobos DemiBold
1. Для того, чтобы установить шрифт TTPhobos DemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TTPhobosDemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TTPhobosDemiBold";
src: url("../fonts/TTPhobosDemiBold/TTPhobosDemiBold.eot");
src: url("../fonts/TTPhobosDemiBold/TTPhobosDemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/TTPhobosDemiBold/TTPhobosDemiBold.woff") format("woff"),
url("../fonts/TTPhobosDemiBold/TTPhobosDemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TTPhobos DemiBoldItalic
1. Для того, чтобы установить шрифт TTPhobos DemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TTPhobosDemiBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TTPhobosDemiBoldItalic";
src: url("../fonts/TTPhobosDemiBoldItalic/TTPhobosDemiBoldItalic.eot");
src: url("../fonts/TTPhobosDemiBoldItalic/TTPhobosDemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/TTPhobosDemiBoldItalic/TTPhobosDemiBoldItalic.woff") format("woff"),
url("../fonts/TTPhobosDemiBoldItalic/TTPhobosDemiBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TTPhobos Stencil
1. Для того, чтобы установить шрифт TTPhobos Stencil в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TTPhobosStencil /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TTPhobosStencil";
src: url("../fonts/TTPhobosStencil/TTPhobosStencil.eot");
src: url("../fonts/TTPhobosStencil/TTPhobosStencil.eot?#iefix")format("embedded-opentype"),
url("../fonts/TTPhobosStencil/TTPhobosStencil.woff") format("woff"),
url("../fonts/TTPhobosStencil/TTPhobosStencil.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TTPhobos Light
1. Для того, чтобы установить шрифт TTPhobos Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TTPhobosLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TTPhobosLight";
src: url("../fonts/TTPhobosLight/TTPhobosLight.eot");
src: url("../fonts/TTPhobosLight/TTPhobosLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/TTPhobosLight/TTPhobosLight.woff") format("woff"),
url("../fonts/TTPhobosLight/TTPhobosLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TTPhobos Regular
1. Для того, чтобы установить шрифт TTPhobos Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TTPhobosRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TTPhobosRegular";
src: url("../fonts/TTPhobosRegular/TTPhobosRegular.eot");
src: url("../fonts/TTPhobosRegular/TTPhobosRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/TTPhobosRegular/TTPhobosRegular.woff") format("woff"),
url("../fonts/TTPhobosRegular/TTPhobosRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TTPhobos Bold
1. Для того, чтобы установить шрифт TTPhobos Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TTPhobosBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TTPhobosBold";
src: url("../fonts/TTPhobosBold/TTPhobosBold.eot");
src: url("../fonts/TTPhobosBold/TTPhobosBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/TTPhobosBold/TTPhobosBold.woff") format("woff"),
url("../fonts/TTPhobosBold/TTPhobosBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TTPhobos ExtraBold
1. Для того, чтобы установить шрифт TTPhobos ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TTPhobosExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TTPhobosExtraBold";
src: url("../fonts/TTPhobosExtraBold/TTPhobosExtraBold.eot");
src: url("../fonts/TTPhobosExtraBold/TTPhobosExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/TTPhobosExtraBold/TTPhobosExtraBold.woff") format("woff"),
url("../fonts/TTPhobosExtraBold/TTPhobosExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TTPhobos Black
1. Для того, чтобы установить шрифт TTPhobos Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TTPhobosBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TTPhobosBlack";
src: url("../fonts/TTPhobosBlack/TTPhobosBlack.eot");
src: url("../fonts/TTPhobosBlack/TTPhobosBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/TTPhobosBlack/TTPhobosBlack.woff") format("woff"),
url("../fonts/TTPhobosBlack/TTPhobosBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TTPhobos LightItalic
1. Для того, чтобы установить шрифт TTPhobos LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TTPhobosLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TTPhobosLightItalic";
src: url("../fonts/TTPhobosLightItalic/TTPhobosLightItalic.eot");
src: url("../fonts/TTPhobosLightItalic/TTPhobosLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/TTPhobosLightItalic/TTPhobosLightItalic.woff") format("woff"),
url("../fonts/TTPhobosLightItalic/TTPhobosLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TTPhobos Italic
1. Для того, чтобы установить шрифт TTPhobos Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TTPhobosItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TTPhobosItalic";
src: url("../fonts/TTPhobosItalic/TTPhobosItalic.eot");
src: url("../fonts/TTPhobosItalic/TTPhobosItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/TTPhobosItalic/TTPhobosItalic.woff") format("woff"),
url("../fonts/TTPhobosItalic/TTPhobosItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TTPhobos BoldItalic
1. Для того, чтобы установить шрифт TTPhobos BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TTPhobosBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TTPhobosBoldItalic";
src: url("../fonts/TTPhobosBoldItalic/TTPhobosBoldItalic.eot");
src: url("../fonts/TTPhobosBoldItalic/TTPhobosBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/TTPhobosBoldItalic/TTPhobosBoldItalic.woff") format("woff"),
url("../fonts/TTPhobosBoldItalic/TTPhobosBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TTPhobos ExtraBoldItalic
1. Для того, чтобы установить шрифт TTPhobos ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TTPhobosExtraBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TTPhobosExtraBoldItalic";
src: url("../fonts/TTPhobosExtraBoldItalic/TTPhobosExtraBoldItalic.eot");
src: url("../fonts/TTPhobosExtraBoldItalic/TTPhobosExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/TTPhobosExtraBoldItalic/TTPhobosExtraBoldItalic.woff") format("woff"),
url("../fonts/TTPhobosExtraBoldItalic/TTPhobosExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TTPhobos BlackItalic
1. Для того, чтобы установить шрифт TTPhobos BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TTPhobosBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TTPhobosBlackItalic";
src: url("../fonts/TTPhobosBlackItalic/TTPhobosBlackItalic.eot");
src: url("../fonts/TTPhobosBlackItalic/TTPhobosBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/TTPhobosBlackItalic/TTPhobosBlackItalic.woff") format("woff"),
url("../fonts/TTPhobosBlackItalic/TTPhobosBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TTPhobos Inline
1. Для того, чтобы установить шрифт TTPhobos Inline в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TTPhobosInline /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TTPhobosInline";
src: url("../fonts/TTPhobosInline/TTPhobosInline.eot");
src: url("../fonts/TTPhobosInline/TTPhobosInline.eot?#iefix")format("embedded-opentype"),
url("../fonts/TTPhobosInline/TTPhobosInline.woff") format("woff"),
url("../fonts/TTPhobosInline/TTPhobosInline.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!