Шрифт FF Unit Slab Pro
На нашем сайте, вы можете скачать шрифт FF Unit Slab Pro для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFUnitSlabPro Medi
1. Для того, чтобы установить шрифт FFUnitSlabPro Medi в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFUnitSlabProMedi /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFUnitSlabProMedi";
src: url("../fonts/FFUnitSlabProMedi/FFUnitSlabProMedi.eot");
src: url("../fonts/FFUnitSlabProMedi/FFUnitSlabProMedi.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFUnitSlabProMedi/FFUnitSlabProMedi.woff") format("woff"),
url("../fonts/FFUnitSlabProMedi/FFUnitSlabProMedi.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFUnitSlabPro MediIta
1. Для того, чтобы установить шрифт FFUnitSlabPro MediIta в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFUnitSlabProMediIta /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFUnitSlabProMediIta";
src: url("../fonts/FFUnitSlabProMediIta/FFUnitSlabProMediIta.eot");
src: url("../fonts/FFUnitSlabProMediIta/FFUnitSlabProMediIta.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFUnitSlabProMediIta/FFUnitSlabProMediIta.woff") format("woff"),
url("../fonts/FFUnitSlabProMediIta/FFUnitSlabProMediIta.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFUnitSlabPro UltraIta
1. Для того, чтобы установить шрифт FFUnitSlabPro UltraIta в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFUnitSlabProUltraIta /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFUnitSlabProUltraIta";
src: url("../fonts/FFUnitSlabProUltraIta/FFUnitSlabProUltraIta.eot");
src: url("../fonts/FFUnitSlabProUltraIta/FFUnitSlabProUltraIta.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFUnitSlabProUltraIta/FFUnitSlabProUltraIta.woff") format("woff"),
url("../fonts/FFUnitSlabProUltraIta/FFUnitSlabProUltraIta.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFUnitSlabPro Ultra
1. Для того, чтобы установить шрифт FFUnitSlabPro Ultra в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFUnitSlabProUltra /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFUnitSlabProUltra";
src: url("../fonts/FFUnitSlabProUltra/FFUnitSlabProUltra.eot");
src: url("../fonts/FFUnitSlabProUltra/FFUnitSlabProUltra.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFUnitSlabProUltra/FFUnitSlabProUltra.woff") format("woff"),
url("../fonts/FFUnitSlabProUltra/FFUnitSlabProUltra.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFUnitSlabPro ThinIta
1. Для того, чтобы установить шрифт FFUnitSlabPro ThinIta в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFUnitSlabProThinIta /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFUnitSlabProThinIta";
src: url("../fonts/FFUnitSlabProThinIta/FFUnitSlabProThinIta.eot");
src: url("../fonts/FFUnitSlabProThinIta/FFUnitSlabProThinIta.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFUnitSlabProThinIta/FFUnitSlabProThinIta.woff") format("woff"),
url("../fonts/FFUnitSlabProThinIta/FFUnitSlabProThinIta.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFUnitSlabPro LightIta
1. Для того, чтобы установить шрифт FFUnitSlabPro LightIta в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFUnitSlabProLightIta /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFUnitSlabProLightIta";
src: url("../fonts/FFUnitSlabProLightIta/FFUnitSlabProLightIta.eot");
src: url("../fonts/FFUnitSlabProLightIta/FFUnitSlabProLightIta.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFUnitSlabProLightIta/FFUnitSlabProLightIta.woff") format("woff"),
url("../fonts/FFUnitSlabProLightIta/FFUnitSlabProLightIta.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFUnitSlabPro Ita
1. Для того, чтобы установить шрифт FFUnitSlabPro Ita в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFUnitSlabProIta /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFUnitSlabProIta";
src: url("../fonts/FFUnitSlabProIta/FFUnitSlabProIta.eot");
src: url("../fonts/FFUnitSlabProIta/FFUnitSlabProIta.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFUnitSlabProIta/FFUnitSlabProIta.woff") format("woff"),
url("../fonts/FFUnitSlabProIta/FFUnitSlabProIta.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFUnitSlabPro BoldIta
1. Для того, чтобы установить шрифт FFUnitSlabPro BoldIta в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFUnitSlabProBoldIta /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFUnitSlabProBoldIta";
src: url("../fonts/FFUnitSlabProBoldIta/FFUnitSlabProBoldIta.eot");
src: url("../fonts/FFUnitSlabProBoldIta/FFUnitSlabProBoldIta.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFUnitSlabProBoldIta/FFUnitSlabProBoldIta.woff") format("woff"),
url("../fonts/FFUnitSlabProBoldIta/FFUnitSlabProBoldIta.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFUnitSlabPro BlackIta
1. Для того, чтобы установить шрифт FFUnitSlabPro BlackIta в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFUnitSlabProBlackIta /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFUnitSlabProBlackIta";
src: url("../fonts/FFUnitSlabProBlackIta/FFUnitSlabProBlackIta.eot");
src: url("../fonts/FFUnitSlabProBlackIta/FFUnitSlabProBlackIta.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFUnitSlabProBlackIta/FFUnitSlabProBlackIta.woff") format("woff"),
url("../fonts/FFUnitSlabProBlackIta/FFUnitSlabProBlackIta.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFUnitSlabPro Thin
1. Для того, чтобы установить шрифт FFUnitSlabPro Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFUnitSlabProThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFUnitSlabProThin";
src: url("../fonts/FFUnitSlabProThin/FFUnitSlabProThin.eot");
src: url("../fonts/FFUnitSlabProThin/FFUnitSlabProThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFUnitSlabProThin/FFUnitSlabProThin.woff") format("woff"),
url("../fonts/FFUnitSlabProThin/FFUnitSlabProThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFUnitSlabPro Light
1. Для того, чтобы установить шрифт FFUnitSlabPro Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFUnitSlabProLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFUnitSlabProLight";
src: url("../fonts/FFUnitSlabProLight/FFUnitSlabProLight.eot");
src: url("../fonts/FFUnitSlabProLight/FFUnitSlabProLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFUnitSlabProLight/FFUnitSlabProLight.woff") format("woff"),
url("../fonts/FFUnitSlabProLight/FFUnitSlabProLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFUnitSlabPro Bold
1. Для того, чтобы установить шрифт FFUnitSlabPro Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFUnitSlabProBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFUnitSlabProBold";
src: url("../fonts/FFUnitSlabProBold/FFUnitSlabProBold.eot");
src: url("../fonts/FFUnitSlabProBold/FFUnitSlabProBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFUnitSlabProBold/FFUnitSlabProBold.woff") format("woff"),
url("../fonts/FFUnitSlabProBold/FFUnitSlabProBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFUnitSlabPro Black
1. Для того, чтобы установить шрифт FFUnitSlabPro Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFUnitSlabProBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFUnitSlabProBlack";
src: url("../fonts/FFUnitSlabProBlack/FFUnitSlabProBlack.eot");
src: url("../fonts/FFUnitSlabProBlack/FFUnitSlabProBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFUnitSlabProBlack/FFUnitSlabProBlack.woff") format("woff"),
url("../fonts/FFUnitSlabProBlack/FFUnitSlabProBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!