Шрифт Tobi Pro
На нашем сайте, вы можете скачать шрифт Tobi Pro для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TobiPro HeavyBonusOne
1. Для того, чтобы установить шрифт TobiPro HeavyBonusOne в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TobiProHeavyBonusOne /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TobiProHeavyBonusOne";
src: url("../fonts/TobiProHeavyBonusOne/TobiProHeavyBonusOne.eot");
src: url("../fonts/TobiProHeavyBonusOne/TobiProHeavyBonusOne.eot?#iefix")format("embedded-opentype"),
url("../fonts/TobiProHeavyBonusOne/TobiProHeavyBonusOne.woff") format("woff"),
url("../fonts/TobiProHeavyBonusOne/TobiProHeavyBonusOne.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TobiPro HeavyBonusShadow
1. Для того, чтобы установить шрифт TobiPro HeavyBonusShadow в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TobiProHeavyBonusShadow /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TobiProHeavyBonusShadow";
src: url("../fonts/TobiProHeavyBonusShadow/TobiProHeavyBonusShadow.eot");
src: url("../fonts/TobiProHeavyBonusShadow/TobiProHeavyBonusShadow.eot?#iefix")format("embedded-opentype"),
url("../fonts/TobiProHeavyBonusShadow/TobiProHeavyBonusShadow.woff") format("woff"),
url("../fonts/TobiProHeavyBonusShadow/TobiProHeavyBonusShadow.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TobiPro DingbatHand
1. Для того, чтобы установить шрифт TobiPro DingbatHand в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TobiProDingbatHand /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TobiProDingbatHand";
src: url("../fonts/TobiProDingbatHand/TobiProDingbatHand.eot");
src: url("../fonts/TobiProDingbatHand/TobiProDingbatHand.eot?#iefix")format("embedded-opentype"),
url("../fonts/TobiProDingbatHand/TobiProDingbatHand.woff") format("woff"),
url("../fonts/TobiProDingbatHand/TobiProDingbatHand.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TobiPro DingbatRough
1. Для того, чтобы установить шрифт TobiPro DingbatRough в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TobiProDingbatRough /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TobiProDingbatRough";
src: url("../fonts/TobiProDingbatRough/TobiProDingbatRough.eot");
src: url("../fonts/TobiProDingbatRough/TobiProDingbatRough.eot?#iefix")format("embedded-opentype"),
url("../fonts/TobiProDingbatRough/TobiProDingbatRough.woff") format("woff"),
url("../fonts/TobiProDingbatRough/TobiProDingbatRough.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TobiPro Dingbat
1. Для того, чтобы установить шрифт TobiPro Dingbat в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TobiProDingbat /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TobiProDingbat";
src: url("../fonts/TobiProDingbat/TobiProDingbat.eot");
src: url("../fonts/TobiProDingbat/TobiProDingbat.eot?#iefix")format("embedded-opentype"),
url("../fonts/TobiProDingbat/TobiProDingbat.woff") format("woff"),
url("../fonts/TobiProDingbat/TobiProDingbat.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TobiPro HeavyBonusLine
1. Для того, чтобы установить шрифт TobiPro HeavyBonusLine в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TobiProHeavyBonusLine /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TobiProHeavyBonusLine";
src: url("../fonts/TobiProHeavyBonusLine/TobiProHeavyBonusLine.eot");
src: url("../fonts/TobiProHeavyBonusLine/TobiProHeavyBonusLine.eot?#iefix")format("embedded-opentype"),
url("../fonts/TobiProHeavyBonusLine/TobiProHeavyBonusLine.woff") format("woff"),
url("../fonts/TobiProHeavyBonusLine/TobiProHeavyBonusLine.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TobiPro Thin
1. Для того, чтобы установить шрифт TobiPro Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TobiProThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TobiProThin";
src: url("../fonts/TobiProThin/TobiProThin.eot");
src: url("../fonts/TobiProThin/TobiProThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/TobiProThin/TobiProThin.woff") format("woff"),
url("../fonts/TobiProThin/TobiProThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TobiPro Light
1. Для того, чтобы установить шрифт TobiPro Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TobiProLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TobiProLight";
src: url("../fonts/TobiProLight/TobiProLight.eot");
src: url("../fonts/TobiProLight/TobiProLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/TobiProLight/TobiProLight.woff") format("woff"),
url("../fonts/TobiProLight/TobiProLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TobiPro Regular
1. Для того, чтобы установить шрифт TobiPro Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TobiProRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TobiProRegular";
src: url("../fonts/TobiProRegular/TobiProRegular.eot");
src: url("../fonts/TobiProRegular/TobiProRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/TobiProRegular/TobiProRegular.woff") format("woff"),
url("../fonts/TobiProRegular/TobiProRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TobiPro Medium
1. Для того, чтобы установить шрифт TobiPro Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TobiProMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TobiProMedium";
src: url("../fonts/TobiProMedium/TobiProMedium.eot");
src: url("../fonts/TobiProMedium/TobiProMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/TobiProMedium/TobiProMedium.woff") format("woff"),
url("../fonts/TobiProMedium/TobiProMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TobiPro UltraLight
1. Для того, чтобы установить шрифт TobiPro UltraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TobiProUltraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TobiProUltraLight";
src: url("../fonts/TobiProUltraLight/TobiProUltraLight.eot");
src: url("../fonts/TobiProUltraLight/TobiProUltraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/TobiProUltraLight/TobiProUltraLight.woff") format("woff"),
url("../fonts/TobiProUltraLight/TobiProUltraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TobiPro ExtraBold
1. Для того, чтобы установить шрифт TobiPro ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TobiProExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TobiProExtraBold";
src: url("../fonts/TobiProExtraBold/TobiProExtraBold.eot");
src: url("../fonts/TobiProExtraBold/TobiProExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/TobiProExtraBold/TobiProExtraBold.woff") format("woff"),
url("../fonts/TobiProExtraBold/TobiProExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт TobiPro Heavy
1. Для того, чтобы установить шрифт TobiPro Heavy в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /TobiProHeavy /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "TobiProHeavy";
src: url("../fonts/TobiProHeavy/TobiProHeavy.eot");
src: url("../fonts/TobiProHeavy/TobiProHeavy.eot?#iefix")format("embedded-opentype"),
url("../fonts/TobiProHeavy/TobiProHeavy.woff") format("woff"),
url("../fonts/TobiProHeavy/TobiProHeavy.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!