Шрифт Qanelas
На нашем сайте, вы можете скачать шрифт Qanelas для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Qanelas Thin
1. Для того, чтобы установить шрифт Qanelas Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QanelasThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QanelasThin";
src: url("../fonts/QanelasThin/QanelasThin.eot");
src: url("../fonts/QanelasThin/QanelasThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/QanelasThin/QanelasThin.woff") format("woff"),
url("../fonts/QanelasThin/QanelasThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Qanelas UltraLightItalic
1. Для того, чтобы установить шрифт Qanelas UltraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QanelasUltraLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QanelasUltraLightItalic";
src: url("../fonts/QanelasUltraLightItalic/QanelasUltraLightItalic.eot");
src: url("../fonts/QanelasUltraLightItalic/QanelasUltraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QanelasUltraLightItalic/QanelasUltraLightItalic.woff") format("woff"),
url("../fonts/QanelasUltraLightItalic/QanelasUltraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Qanelas Light
1. Для того, чтобы установить шрифт Qanelas Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QanelasLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QanelasLight";
src: url("../fonts/QanelasLight/QanelasLight.eot");
src: url("../fonts/QanelasLight/QanelasLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/QanelasLight/QanelasLight.woff") format("woff"),
url("../fonts/QanelasLight/QanelasLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Qanelas Regular
1. Для того, чтобы установить шрифт Qanelas Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QanelasRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QanelasRegular";
src: url("../fonts/QanelasRegular/QanelasRegular.eot");
src: url("../fonts/QanelasRegular/QanelasRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/QanelasRegular/QanelasRegular.woff") format("woff"),
url("../fonts/QanelasRegular/QanelasRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Qanelas Medium
1. Для того, чтобы установить шрифт Qanelas Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QanelasMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QanelasMedium";
src: url("../fonts/QanelasMedium/QanelasMedium.eot");
src: url("../fonts/QanelasMedium/QanelasMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/QanelasMedium/QanelasMedium.woff") format("woff"),
url("../fonts/QanelasMedium/QanelasMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Qanelas SemiBold
1. Для того, чтобы установить шрифт Qanelas SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QanelasSemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QanelasSemiBold";
src: url("../fonts/QanelasSemiBold/QanelasSemiBold.eot");
src: url("../fonts/QanelasSemiBold/QanelasSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/QanelasSemiBold/QanelasSemiBold.woff") format("woff"),
url("../fonts/QanelasSemiBold/QanelasSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Qanelas UltraLight
1. Для того, чтобы установить шрифт Qanelas UltraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QanelasUltraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QanelasUltraLight";
src: url("../fonts/QanelasUltraLight/QanelasUltraLight.eot");
src: url("../fonts/QanelasUltraLight/QanelasUltraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/QanelasUltraLight/QanelasUltraLight.woff") format("woff"),
url("../fonts/QanelasUltraLight/QanelasUltraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Qanelas Bold
1. Для того, чтобы установить шрифт Qanelas Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QanelasBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QanelasBold";
src: url("../fonts/QanelasBold/QanelasBold.eot");
src: url("../fonts/QanelasBold/QanelasBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/QanelasBold/QanelasBold.woff") format("woff"),
url("../fonts/QanelasBold/QanelasBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Qanelas ExtraBold
1. Для того, чтобы установить шрифт Qanelas ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QanelasExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QanelasExtraBold";
src: url("../fonts/QanelasExtraBold/QanelasExtraBold.eot");
src: url("../fonts/QanelasExtraBold/QanelasExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/QanelasExtraBold/QanelasExtraBold.woff") format("woff"),
url("../fonts/QanelasExtraBold/QanelasExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Qanelas Black
1. Для того, чтобы установить шрифт Qanelas Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QanelasBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QanelasBlack";
src: url("../fonts/QanelasBlack/QanelasBlack.eot");
src: url("../fonts/QanelasBlack/QanelasBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/QanelasBlack/QanelasBlack.woff") format("woff"),
url("../fonts/QanelasBlack/QanelasBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Qanelas ThinItalic
1. Для того, чтобы установить шрифт Qanelas ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QanelasThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QanelasThinItalic";
src: url("../fonts/QanelasThinItalic/QanelasThinItalic.eot");
src: url("../fonts/QanelasThinItalic/QanelasThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QanelasThinItalic/QanelasThinItalic.woff") format("woff"),
url("../fonts/QanelasThinItalic/QanelasThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Qanelas LightItalic
1. Для того, чтобы установить шрифт Qanelas LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QanelasLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QanelasLightItalic";
src: url("../fonts/QanelasLightItalic/QanelasLightItalic.eot");
src: url("../fonts/QanelasLightItalic/QanelasLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QanelasLightItalic/QanelasLightItalic.woff") format("woff"),
url("../fonts/QanelasLightItalic/QanelasLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Qanelas MediumItalic
1. Для того, чтобы установить шрифт Qanelas MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QanelasMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QanelasMediumItalic";
src: url("../fonts/QanelasMediumItalic/QanelasMediumItalic.eot");
src: url("../fonts/QanelasMediumItalic/QanelasMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QanelasMediumItalic/QanelasMediumItalic.woff") format("woff"),
url("../fonts/QanelasMediumItalic/QanelasMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Qanelas BoldItalic
1. Для того, чтобы установить шрифт Qanelas BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QanelasBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QanelasBoldItalic";
src: url("../fonts/QanelasBoldItalic/QanelasBoldItalic.eot");
src: url("../fonts/QanelasBoldItalic/QanelasBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QanelasBoldItalic/QanelasBoldItalic.woff") format("woff"),
url("../fonts/QanelasBoldItalic/QanelasBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Qanelas SemiBoldItalic
1. Для того, чтобы установить шрифт Qanelas SemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QanelasSemiBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QanelasSemiBoldItalic";
src: url("../fonts/QanelasSemiBoldItalic/QanelasSemiBoldItalic.eot");
src: url("../fonts/QanelasSemiBoldItalic/QanelasSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QanelasSemiBoldItalic/QanelasSemiBoldItalic.woff") format("woff"),
url("../fonts/QanelasSemiBoldItalic/QanelasSemiBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Qanelas ExtraBoldItalic
1. Для того, чтобы установить шрифт Qanelas ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QanelasExtraBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QanelasExtraBoldItalic";
src: url("../fonts/QanelasExtraBoldItalic/QanelasExtraBoldItalic.eot");
src: url("../fonts/QanelasExtraBoldItalic/QanelasExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QanelasExtraBoldItalic/QanelasExtraBoldItalic.woff") format("woff"),
url("../fonts/QanelasExtraBoldItalic/QanelasExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Qanelas BlackItalic
1. Для того, чтобы установить шрифт Qanelas BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QanelasBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QanelasBlackItalic";
src: url("../fonts/QanelasBlackItalic/QanelasBlackItalic.eot");
src: url("../fonts/QanelasBlackItalic/QanelasBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QanelasBlackItalic/QanelasBlackItalic.woff") format("woff"),
url("../fonts/QanelasBlackItalic/QanelasBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Qanelas Heavy
1. Для того, чтобы установить шрифт Qanelas Heavy в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QanelasHeavy /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QanelasHeavy";
src: url("../fonts/QanelasHeavy/QanelasHeavy.eot");
src: url("../fonts/QanelasHeavy/QanelasHeavy.eot?#iefix")format("embedded-opentype"),
url("../fonts/QanelasHeavy/QanelasHeavy.woff") format("woff"),
url("../fonts/QanelasHeavy/QanelasHeavy.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Qanelas HeavyItalic
1. Для того, чтобы установить шрифт Qanelas HeavyItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QanelasHeavyItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QanelasHeavyItalic";
src: url("../fonts/QanelasHeavyItalic/QanelasHeavyItalic.eot");
src: url("../fonts/QanelasHeavyItalic/QanelasHeavyItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QanelasHeavyItalic/QanelasHeavyItalic.woff") format("woff"),
url("../fonts/QanelasHeavyItalic/QanelasHeavyItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Qanelas RegularItalic
1. Для того, чтобы установить шрифт Qanelas RegularItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QanelasRegularItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QanelasRegularItalic";
src: url("../fonts/QanelasRegularItalic/QanelasRegularItalic.eot");
src: url("../fonts/QanelasRegularItalic/QanelasRegularItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QanelasRegularItalic/QanelasRegularItalic.woff") format("woff"),
url("../fonts/QanelasRegularItalic/QanelasRegularItalic.ttf") format("truetype");
font-style: italic;
font-weight: 400;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!