Шрифт Gellix
На нашем сайте, вы можете скачать шрифт Gellix для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gellix Thin
1. Для того, чтобы установить шрифт Gellix Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GellixThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GellixThin";
src: url("../fonts/GellixThin/GellixThin.eot");
src: url("../fonts/GellixThin/GellixThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/GellixThin/GellixThin.woff") format("woff"),
url("../fonts/GellixThin/GellixThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gellix Light
1. Для того, чтобы установить шрифт Gellix Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GellixLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GellixLight";
src: url("../fonts/GellixLight/GellixLight.eot");
src: url("../fonts/GellixLight/GellixLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/GellixLight/GellixLight.woff") format("woff"),
url("../fonts/GellixLight/GellixLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gellix Regular
1. Для того, чтобы установить шрифт Gellix Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GellixRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GellixRegular";
src: url("../fonts/GellixRegular/GellixRegular.eot");
src: url("../fonts/GellixRegular/GellixRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/GellixRegular/GellixRegular.woff") format("woff"),
url("../fonts/GellixRegular/GellixRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gellix Medium
1. Для того, чтобы установить шрифт Gellix Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GellixMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GellixMedium";
src: url("../fonts/GellixMedium/GellixMedium.eot");
src: url("../fonts/GellixMedium/GellixMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/GellixMedium/GellixMedium.woff") format("woff"),
url("../fonts/GellixMedium/GellixMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gellix SemiBold
1. Для того, чтобы установить шрифт Gellix SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GellixSemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GellixSemiBold";
src: url("../fonts/GellixSemiBold/GellixSemiBold.eot");
src: url("../fonts/GellixSemiBold/GellixSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/GellixSemiBold/GellixSemiBold.woff") format("woff"),
url("../fonts/GellixSemiBold/GellixSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gellix Bold
1. Для того, чтобы установить шрифт Gellix Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GellixBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GellixBold";
src: url("../fonts/GellixBold/GellixBold.eot");
src: url("../fonts/GellixBold/GellixBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/GellixBold/GellixBold.woff") format("woff"),
url("../fonts/GellixBold/GellixBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gellix ExtraBold
1. Для того, чтобы установить шрифт Gellix ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GellixExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GellixExtraBold";
src: url("../fonts/GellixExtraBold/GellixExtraBold.eot");
src: url("../fonts/GellixExtraBold/GellixExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/GellixExtraBold/GellixExtraBold.woff") format("woff"),
url("../fonts/GellixExtraBold/GellixExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gellix Black
1. Для того, чтобы установить шрифт Gellix Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GellixBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GellixBlack";
src: url("../fonts/GellixBlack/GellixBlack.eot");
src: url("../fonts/GellixBlack/GellixBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/GellixBlack/GellixBlack.woff") format("woff"),
url("../fonts/GellixBlack/GellixBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gellix ThinItalic
1. Для того, чтобы установить шрифт Gellix ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GellixThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GellixThinItalic";
src: url("../fonts/GellixThinItalic/GellixThinItalic.eot");
src: url("../fonts/GellixThinItalic/GellixThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GellixThinItalic/GellixThinItalic.woff") format("woff"),
url("../fonts/GellixThinItalic/GellixThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gellix LightItalic
1. Для того, чтобы установить шрифт Gellix LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GellixLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GellixLightItalic";
src: url("../fonts/GellixLightItalic/GellixLightItalic.eot");
src: url("../fonts/GellixLightItalic/GellixLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GellixLightItalic/GellixLightItalic.woff") format("woff"),
url("../fonts/GellixLightItalic/GellixLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gellix MediumItalic
1. Для того, чтобы установить шрифт Gellix MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GellixMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GellixMediumItalic";
src: url("../fonts/GellixMediumItalic/GellixMediumItalic.eot");
src: url("../fonts/GellixMediumItalic/GellixMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GellixMediumItalic/GellixMediumItalic.woff") format("woff"),
url("../fonts/GellixMediumItalic/GellixMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gellix BoldItalic
1. Для того, чтобы установить шрифт Gellix BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GellixBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GellixBoldItalic";
src: url("../fonts/GellixBoldItalic/GellixBoldItalic.eot");
src: url("../fonts/GellixBoldItalic/GellixBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GellixBoldItalic/GellixBoldItalic.woff") format("woff"),
url("../fonts/GellixBoldItalic/GellixBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gellix SemiBoldItalic
1. Для того, чтобы установить шрифт Gellix SemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GellixSemiBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GellixSemiBoldItalic";
src: url("../fonts/GellixSemiBoldItalic/GellixSemiBoldItalic.eot");
src: url("../fonts/GellixSemiBoldItalic/GellixSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GellixSemiBoldItalic/GellixSemiBoldItalic.woff") format("woff"),
url("../fonts/GellixSemiBoldItalic/GellixSemiBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gellix ExtraBoldItalic
1. Для того, чтобы установить шрифт Gellix ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GellixExtraBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GellixExtraBoldItalic";
src: url("../fonts/GellixExtraBoldItalic/GellixExtraBoldItalic.eot");
src: url("../fonts/GellixExtraBoldItalic/GellixExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GellixExtraBoldItalic/GellixExtraBoldItalic.woff") format("woff"),
url("../fonts/GellixExtraBoldItalic/GellixExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gellix BlackItalic
1. Для того, чтобы установить шрифт Gellix BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GellixBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GellixBlackItalic";
src: url("../fonts/GellixBlackItalic/GellixBlackItalic.eot");
src: url("../fonts/GellixBlackItalic/GellixBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GellixBlackItalic/GellixBlackItalic.woff") format("woff"),
url("../fonts/GellixBlackItalic/GellixBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Gellix RegularItalic
1. Для того, чтобы установить шрифт Gellix RegularItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /GellixRegularItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "GellixRegularItalic";
src: url("../fonts/GellixRegularItalic/GellixRegularItalic.eot");
src: url("../fonts/GellixRegularItalic/GellixRegularItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/GellixRegularItalic/GellixRegularItalic.woff") format("woff"),
url("../fonts/GellixRegularItalic/GellixRegularItalic.ttf") format("truetype");
font-style: italic;
font-weight: 400;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!