Шрифт FF Clan
На нашем сайте, вы можете скачать шрифт FF Clan для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFClan News
1. Для того, чтобы установить шрифт FFClan News в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFClanNews /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFClanNews";
src: url("../fonts/FFClanNews/FFClanNews.eot");
src: url("../fonts/FFClanNews/FFClanNews.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFClanNews/FFClanNews.woff") format("woff"),
url("../fonts/FFClanNews/FFClanNews.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFClan NarrowUltra
1. Для того, чтобы установить шрифт FFClan NarrowUltra в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFClanNarrowUltra /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFClanNarrowUltra";
src: url("../fonts/FFClanNarrowUltra/FFClanNarrowUltra.eot");
src: url("../fonts/FFClanNarrowUltra/FFClanNarrowUltra.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFClanNarrowUltra/FFClanNarrowUltra.woff") format("woff"),
url("../fonts/FFClanNarrowUltra/FFClanNarrowUltra.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFClan NarrowNews
1. Для того, чтобы установить шрифт FFClan NarrowNews в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFClanNarrowNews /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFClanNarrowNews";
src: url("../fonts/FFClanNarrowNews/FFClanNarrowNews.eot");
src: url("../fonts/FFClanNarrowNews/FFClanNarrowNews.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFClanNarrowNews/FFClanNarrowNews.woff") format("woff"),
url("../fonts/FFClanNarrowNews/FFClanNarrowNews.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFClan NarrowBook
1. Для того, чтобы установить шрифт FFClan NarrowBook в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFClanNarrowBook /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFClanNarrowBook";
src: url("../fonts/FFClanNarrowBook/FFClanNarrowBook.eot");
src: url("../fonts/FFClanNarrowBook/FFClanNarrowBook.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFClanNarrowBook/FFClanNarrowBook.woff") format("woff"),
url("../fonts/FFClanNarrowBook/FFClanNarrowBook.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFClan Ultra
1. Для того, чтобы установить шрифт FFClan Ultra в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFClanUltra /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFClanUltra";
src: url("../fonts/FFClanUltra/FFClanUltra.eot");
src: url("../fonts/FFClanUltra/FFClanUltra.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFClanUltra/FFClanUltra.woff") format("woff"),
url("../fonts/FFClanUltra/FFClanUltra.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFClan NarrowMedium
1. Для того, чтобы установить шрифт FFClan NarrowMedium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFClanNarrowMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFClanNarrowMedium";
src: url("../fonts/FFClanNarrowMedium/FFClanNarrowMedium.eot");
src: url("../fonts/FFClanNarrowMedium/FFClanNarrowMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFClanNarrowMedium/FFClanNarrowMedium.woff") format("woff"),
url("../fonts/FFClanNarrowMedium/FFClanNarrowMedium.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFClan NarrowThin
1. Для того, чтобы установить шрифт FFClan NarrowThin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFClanNarrowThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFClanNarrowThin";
src: url("../fonts/FFClanNarrowThin/FFClanNarrowThin.eot");
src: url("../fonts/FFClanNarrowThin/FFClanNarrowThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFClanNarrowThin/FFClanNarrowThin.woff") format("woff"),
url("../fonts/FFClanNarrowThin/FFClanNarrowThin.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFClan NarrowBold
1. Для того, чтобы установить шрифт FFClan NarrowBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFClanNarrowBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFClanNarrowBold";
src: url("../fonts/FFClanNarrowBold/FFClanNarrowBold.eot");
src: url("../fonts/FFClanNarrowBold/FFClanNarrowBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFClanNarrowBold/FFClanNarrowBold.woff") format("woff"),
url("../fonts/FFClanNarrowBold/FFClanNarrowBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFClan NarrowBlack
1. Для того, чтобы установить шрифт FFClan NarrowBlack в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFClanNarrowBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFClanNarrowBlack";
src: url("../fonts/FFClanNarrowBlack/FFClanNarrowBlack.eot");
src: url("../fonts/FFClanNarrowBlack/FFClanNarrowBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFClanNarrowBlack/FFClanNarrowBlack.woff") format("woff"),
url("../fonts/FFClanNarrowBlack/FFClanNarrowBlack.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFClan Thin
1. Для того, чтобы установить шрифт FFClan Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFClanThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFClanThin";
src: url("../fonts/FFClanThin/FFClanThin.eot");
src: url("../fonts/FFClanThin/FFClanThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFClanThin/FFClanThin.woff") format("woff"),
url("../fonts/FFClanThin/FFClanThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFClan Medium
1. Для того, чтобы установить шрифт FFClan Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFClanMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFClanMedium";
src: url("../fonts/FFClanMedium/FFClanMedium.eot");
src: url("../fonts/FFClanMedium/FFClanMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFClanMedium/FFClanMedium.woff") format("woff"),
url("../fonts/FFClanMedium/FFClanMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFClan Bold
1. Для того, чтобы установить шрифт FFClan Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFClanBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFClanBold";
src: url("../fonts/FFClanBold/FFClanBold.eot");
src: url("../fonts/FFClanBold/FFClanBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFClanBold/FFClanBold.woff") format("woff"),
url("../fonts/FFClanBold/FFClanBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFClan Black
1. Для того, чтобы установить шрифт FFClan Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFClanBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFClanBlack";
src: url("../fonts/FFClanBlack/FFClanBlack.eot");
src: url("../fonts/FFClanBlack/FFClanBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFClanBlack/FFClanBlack.woff") format("woff"),
url("../fonts/FFClanBlack/FFClanBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт FFClan Book
1. Для того, чтобы установить шрифт FFClan Book в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FFClanBook /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FFClanBook";
src: url("../fonts/FFClanBook/FFClanBook.eot");
src: url("../fonts/FFClanBook/FFClanBook.eot?#iefix")format("embedded-opentype"),
url("../fonts/FFClanBook/FFClanBook.woff") format("woff"),
url("../fonts/FFClanBook/FFClanBook.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!