Шрифт Fellix
На нашем сайте, вы можете скачать шрифт Fellix для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fellix Thin
1. Для того, чтобы установить шрифт Fellix Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FellixThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FellixThin";
src: url("../fonts/FellixThin/FellixThin.eot");
src: url("../fonts/FellixThin/FellixThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/FellixThin/FellixThin.woff") format("woff"),
url("../fonts/FellixThin/FellixThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fellix Light
1. Для того, чтобы установить шрифт Fellix Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FellixLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FellixLight";
src: url("../fonts/FellixLight/FellixLight.eot");
src: url("../fonts/FellixLight/FellixLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/FellixLight/FellixLight.woff") format("woff"),
url("../fonts/FellixLight/FellixLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fellix Regular
1. Для того, чтобы установить шрифт Fellix Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FellixRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FellixRegular";
src: url("../fonts/FellixRegular/FellixRegular.eot");
src: url("../fonts/FellixRegular/FellixRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/FellixRegular/FellixRegular.woff") format("woff"),
url("../fonts/FellixRegular/FellixRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fellix Medium
1. Для того, чтобы установить шрифт Fellix Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FellixMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FellixMedium";
src: url("../fonts/FellixMedium/FellixMedium.eot");
src: url("../fonts/FellixMedium/FellixMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/FellixMedium/FellixMedium.woff") format("woff"),
url("../fonts/FellixMedium/FellixMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fellix SemiBold
1. Для того, чтобы установить шрифт Fellix SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FellixSemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FellixSemiBold";
src: url("../fonts/FellixSemiBold/FellixSemiBold.eot");
src: url("../fonts/FellixSemiBold/FellixSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/FellixSemiBold/FellixSemiBold.woff") format("woff"),
url("../fonts/FellixSemiBold/FellixSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fellix Bold
1. Для того, чтобы установить шрифт Fellix Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FellixBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FellixBold";
src: url("../fonts/FellixBold/FellixBold.eot");
src: url("../fonts/FellixBold/FellixBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/FellixBold/FellixBold.woff") format("woff"),
url("../fonts/FellixBold/FellixBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fellix ExtraBold
1. Для того, чтобы установить шрифт Fellix ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FellixExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FellixExtraBold";
src: url("../fonts/FellixExtraBold/FellixExtraBold.eot");
src: url("../fonts/FellixExtraBold/FellixExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/FellixExtraBold/FellixExtraBold.woff") format("woff"),
url("../fonts/FellixExtraBold/FellixExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fellix Black
1. Для того, чтобы установить шрифт Fellix Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FellixBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FellixBlack";
src: url("../fonts/FellixBlack/FellixBlack.eot");
src: url("../fonts/FellixBlack/FellixBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/FellixBlack/FellixBlack.woff") format("woff"),
url("../fonts/FellixBlack/FellixBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fellix ThinItalic
1. Для того, чтобы установить шрифт Fellix ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FellixThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FellixThinItalic";
src: url("../fonts/FellixThinItalic/FellixThinItalic.eot");
src: url("../fonts/FellixThinItalic/FellixThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FellixThinItalic/FellixThinItalic.woff") format("woff"),
url("../fonts/FellixThinItalic/FellixThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fellix LightItalic
1. Для того, чтобы установить шрифт Fellix LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FellixLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FellixLightItalic";
src: url("../fonts/FellixLightItalic/FellixLightItalic.eot");
src: url("../fonts/FellixLightItalic/FellixLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FellixLightItalic/FellixLightItalic.woff") format("woff"),
url("../fonts/FellixLightItalic/FellixLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fellix MediumItalic
1. Для того, чтобы установить шрифт Fellix MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FellixMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FellixMediumItalic";
src: url("../fonts/FellixMediumItalic/FellixMediumItalic.eot");
src: url("../fonts/FellixMediumItalic/FellixMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FellixMediumItalic/FellixMediumItalic.woff") format("woff"),
url("../fonts/FellixMediumItalic/FellixMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fellix BoldItalic
1. Для того, чтобы установить шрифт Fellix BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FellixBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FellixBoldItalic";
src: url("../fonts/FellixBoldItalic/FellixBoldItalic.eot");
src: url("../fonts/FellixBoldItalic/FellixBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FellixBoldItalic/FellixBoldItalic.woff") format("woff"),
url("../fonts/FellixBoldItalic/FellixBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fellix SemiBoldItalic
1. Для того, чтобы установить шрифт Fellix SemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FellixSemiBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FellixSemiBoldItalic";
src: url("../fonts/FellixSemiBoldItalic/FellixSemiBoldItalic.eot");
src: url("../fonts/FellixSemiBoldItalic/FellixSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FellixSemiBoldItalic/FellixSemiBoldItalic.woff") format("woff"),
url("../fonts/FellixSemiBoldItalic/FellixSemiBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fellix ExtraBoldItalic
1. Для того, чтобы установить шрифт Fellix ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FellixExtraBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FellixExtraBoldItalic";
src: url("../fonts/FellixExtraBoldItalic/FellixExtraBoldItalic.eot");
src: url("../fonts/FellixExtraBoldItalic/FellixExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FellixExtraBoldItalic/FellixExtraBoldItalic.woff") format("woff"),
url("../fonts/FellixExtraBoldItalic/FellixExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fellix BlackItalic
1. Для того, чтобы установить шрифт Fellix BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FellixBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FellixBlackItalic";
src: url("../fonts/FellixBlackItalic/FellixBlackItalic.eot");
src: url("../fonts/FellixBlackItalic/FellixBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FellixBlackItalic/FellixBlackItalic.woff") format("woff"),
url("../fonts/FellixBlackItalic/FellixBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Fellix RegularItalic
1. Для того, чтобы установить шрифт Fellix RegularItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /FellixRegularItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "FellixRegularItalic";
src: url("../fonts/FellixRegularItalic/FellixRegularItalic.eot");
src: url("../fonts/FellixRegularItalic/FellixRegularItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/FellixRegularItalic/FellixRegularItalic.woff") format("woff"),
url("../fonts/FellixRegularItalic/FellixRegularItalic.ttf") format("truetype");
font-style: italic;
font-weight: 400;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!