Andryushkin.ru
Блог им. alex-borisi (Александра Андрюшкина)
Категории:

Шрифт Qualion

На нашем сайте, вы можете скачать шрифт Qualion для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.

ObliqueHairlineHairlineItalicThinObliqueBlackObliqueExtraBoldObliqueLightObliqueUltraThinBoldObliqueUltraThinItalicDemiBoldHairlineObliqueDemiBoldItalicUltraThinObliqueBookObliqueDemiBoldObliqueThinLightRegularBoldExtraBoldBlackThinItalicLightItalicItalicBoldItalicExtraBoldItalicBlackItalicBookBookItalic
Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionOblique.ttf Eot Woff

Как установить шрифт Qualion Oblique

1. Для того, чтобы установить шрифт Qualion Oblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionOblique

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionOblique";
    src: url("../fonts/QualionOblique/QualionOblique.eot");
    src: url("../fonts/QualionOblique/QualionOblique.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionOblique/QualionOblique.woff") format("woff"),
    url("../fonts/QualionOblique/QualionOblique.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionHairline.ttf Eot Woff

Как установить шрифт Qualion Hairline

1. Для того, чтобы установить шрифт Qualion Hairline в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionHairline

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionHairline";
    src: url("../fonts/QualionHairline/QualionHairline.eot");
    src: url("../fonts/QualionHairline/QualionHairline.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionHairline/QualionHairline.woff") format("woff"),
    url("../fonts/QualionHairline/QualionHairline.ttf") format("truetype");
    font-style: normal;
    font-weight: 100;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionHairlineItalic.ttf Eot Woff

Как установить шрифт Qualion HairlineItalic

1. Для того, чтобы установить шрифт Qualion HairlineItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionHairlineItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionHairlineItalic";
    src: url("../fonts/QualionHairlineItalic/QualionHairlineItalic.eot");
    src: url("../fonts/QualionHairlineItalic/QualionHairlineItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionHairlineItalic/QualionHairlineItalic.woff") format("woff"),
    url("../fonts/QualionHairlineItalic/QualionHairlineItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionThinOblique.ttf Eot Woff

Как установить шрифт Qualion ThinOblique

1. Для того, чтобы установить шрифт Qualion ThinOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionThinOblique

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionThinOblique";
    src: url("../fonts/QualionThinOblique/QualionThinOblique.eot");
    src: url("../fonts/QualionThinOblique/QualionThinOblique.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionThinOblique/QualionThinOblique.woff") format("woff"),
    url("../fonts/QualionThinOblique/QualionThinOblique.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionBlackOblique.ttf Eot Woff

Как установить шрифт Qualion BlackOblique

1. Для того, чтобы установить шрифт Qualion BlackOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionBlackOblique

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionBlackOblique";
    src: url("../fonts/QualionBlackOblique/QualionBlackOblique.eot");
    src: url("../fonts/QualionBlackOblique/QualionBlackOblique.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionBlackOblique/QualionBlackOblique.woff") format("woff"),
    url("../fonts/QualionBlackOblique/QualionBlackOblique.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionExtraBoldOblique.ttf Eot Woff

Как установить шрифт Qualion ExtraBoldOblique

1. Для того, чтобы установить шрифт Qualion ExtraBoldOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionExtraBoldOblique

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionExtraBoldOblique";
    src: url("../fonts/QualionExtraBoldOblique/QualionExtraBoldOblique.eot");
    src: url("../fonts/QualionExtraBoldOblique/QualionExtraBoldOblique.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionExtraBoldOblique/QualionExtraBoldOblique.woff") format("woff"),
    url("../fonts/QualionExtraBoldOblique/QualionExtraBoldOblique.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionLightOblique.ttf Eot Woff

Как установить шрифт Qualion LightOblique

1. Для того, чтобы установить шрифт Qualion LightOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionLightOblique

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionLightOblique";
    src: url("../fonts/QualionLightOblique/QualionLightOblique.eot");
    src: url("../fonts/QualionLightOblique/QualionLightOblique.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionLightOblique/QualionLightOblique.woff") format("woff"),
    url("../fonts/QualionLightOblique/QualionLightOblique.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionUltraThin.ttf Eot Woff

Как установить шрифт Qualion UltraThin

1. Для того, чтобы установить шрифт Qualion UltraThin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionUltraThin

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionUltraThin";
    src: url("../fonts/QualionUltraThin/QualionUltraThin.eot");
    src: url("../fonts/QualionUltraThin/QualionUltraThin.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionUltraThin/QualionUltraThin.woff") format("woff"),
    url("../fonts/QualionUltraThin/QualionUltraThin.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionBoldOblique.ttf Eot Woff

Как установить шрифт Qualion BoldOblique

1. Для того, чтобы установить шрифт Qualion BoldOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionBoldOblique

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionBoldOblique";
    src: url("../fonts/QualionBoldOblique/QualionBoldOblique.eot");
    src: url("../fonts/QualionBoldOblique/QualionBoldOblique.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionBoldOblique/QualionBoldOblique.woff") format("woff"),
    url("../fonts/QualionBoldOblique/QualionBoldOblique.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionUltraThinItalic.ttf Eot Woff

Как установить шрифт Qualion UltraThinItalic

1. Для того, чтобы установить шрифт Qualion UltraThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionUltraThinItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionUltraThinItalic";
    src: url("../fonts/QualionUltraThinItalic/QualionUltraThinItalic.eot");
    src: url("../fonts/QualionUltraThinItalic/QualionUltraThinItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionUltraThinItalic/QualionUltraThinItalic.woff") format("woff"),
    url("../fonts/QualionUltraThinItalic/QualionUltraThinItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionDemiBold.ttf Eot Woff

Как установить шрифт Qualion DemiBold

1. Для того, чтобы установить шрифт Qualion DemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionDemiBold

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionDemiBold";
    src: url("../fonts/QualionDemiBold/QualionDemiBold.eot");
    src: url("../fonts/QualionDemiBold/QualionDemiBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionDemiBold/QualionDemiBold.woff") format("woff"),
    url("../fonts/QualionDemiBold/QualionDemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionHairlineOblique.ttf Eot Woff

Как установить шрифт Qualion HairlineOblique

1. Для того, чтобы установить шрифт Qualion HairlineOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionHairlineOblique

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionHairlineOblique";
    src: url("../fonts/QualionHairlineOblique/QualionHairlineOblique.eot");
    src: url("../fonts/QualionHairlineOblique/QualionHairlineOblique.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionHairlineOblique/QualionHairlineOblique.woff") format("woff"),
    url("../fonts/QualionHairlineOblique/QualionHairlineOblique.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionDemiBoldItalic.ttf Eot Woff

Как установить шрифт Qualion DemiBoldItalic

1. Для того, чтобы установить шрифт Qualion DemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionDemiBoldItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionDemiBoldItalic";
    src: url("../fonts/QualionDemiBoldItalic/QualionDemiBoldItalic.eot");
    src: url("../fonts/QualionDemiBoldItalic/QualionDemiBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionDemiBoldItalic/QualionDemiBoldItalic.woff") format("woff"),
    url("../fonts/QualionDemiBoldItalic/QualionDemiBoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionUltraThinOblique.ttf Eot Woff

Как установить шрифт Qualion UltraThinOblique

1. Для того, чтобы установить шрифт Qualion UltraThinOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionUltraThinOblique

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionUltraThinOblique";
    src: url("../fonts/QualionUltraThinOblique/QualionUltraThinOblique.eot");
    src: url("../fonts/QualionUltraThinOblique/QualionUltraThinOblique.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionUltraThinOblique/QualionUltraThinOblique.woff") format("woff"),
    url("../fonts/QualionUltraThinOblique/QualionUltraThinOblique.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionBookOblique.ttf Eot Woff

Как установить шрифт Qualion BookOblique

1. Для того, чтобы установить шрифт Qualion BookOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionBookOblique

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionBookOblique";
    src: url("../fonts/QualionBookOblique/QualionBookOblique.eot");
    src: url("../fonts/QualionBookOblique/QualionBookOblique.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionBookOblique/QualionBookOblique.woff") format("woff"),
    url("../fonts/QualionBookOblique/QualionBookOblique.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionDemiBoldOblique.ttf Eot Woff

Как установить шрифт Qualion DemiBoldOblique

1. Для того, чтобы установить шрифт Qualion DemiBoldOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionDemiBoldOblique

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionDemiBoldOblique";
    src: url("../fonts/QualionDemiBoldOblique/QualionDemiBoldOblique.eot");
    src: url("../fonts/QualionDemiBoldOblique/QualionDemiBoldOblique.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionDemiBoldOblique/QualionDemiBoldOblique.woff") format("woff"),
    url("../fonts/QualionDemiBoldOblique/QualionDemiBoldOblique.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionThin.ttf Eot Woff

Как установить шрифт Qualion Thin

1. Для того, чтобы установить шрифт Qualion Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionThin

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionThin";
    src: url("../fonts/QualionThin/QualionThin.eot");
    src: url("../fonts/QualionThin/QualionThin.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionThin/QualionThin.woff") format("woff"),
    url("../fonts/QualionThin/QualionThin.ttf") format("truetype");
    font-style: normal;
    font-weight: 100;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionLight.ttf Eot Woff

Как установить шрифт Qualion Light

1. Для того, чтобы установить шрифт Qualion Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionLight

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionLight";
    src: url("../fonts/QualionLight/QualionLight.eot");
    src: url("../fonts/QualionLight/QualionLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionLight/QualionLight.woff") format("woff"),
    url("../fonts/QualionLight/QualionLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionRegular.ttf Eot Woff

Как установить шрифт Qualion Regular

1. Для того, чтобы установить шрифт Qualion Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionRegular

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionRegular";
    src: url("../fonts/QualionRegular/QualionRegular.eot");
    src: url("../fonts/QualionRegular/QualionRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionRegular/QualionRegular.woff") format("woff"),
    url("../fonts/QualionRegular/QualionRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionBold.ttf Eot Woff

Как установить шрифт Qualion Bold

1. Для того, чтобы установить шрифт Qualion Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionBold

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionBold";
    src: url("../fonts/QualionBold/QualionBold.eot");
    src: url("../fonts/QualionBold/QualionBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionBold/QualionBold.woff") format("woff"),
    url("../fonts/QualionBold/QualionBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionExtraBold.ttf Eot Woff

Как установить шрифт Qualion ExtraBold

1. Для того, чтобы установить шрифт Qualion ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionExtraBold

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionExtraBold";
    src: url("../fonts/QualionExtraBold/QualionExtraBold.eot");
    src: url("../fonts/QualionExtraBold/QualionExtraBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionExtraBold/QualionExtraBold.woff") format("woff"),
    url("../fonts/QualionExtraBold/QualionExtraBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 800;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionBlack.ttf Eot Woff

Как установить шрифт Qualion Black

1. Для того, чтобы установить шрифт Qualion Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionBlack

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionBlack";
    src: url("../fonts/QualionBlack/QualionBlack.eot");
    src: url("../fonts/QualionBlack/QualionBlack.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionBlack/QualionBlack.woff") format("woff"),
    url("../fonts/QualionBlack/QualionBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: 900;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionThinItalic.ttf Eot Woff

Как установить шрифт Qualion ThinItalic

1. Для того, чтобы установить шрифт Qualion ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionThinItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionThinItalic";
    src: url("../fonts/QualionThinItalic/QualionThinItalic.eot");
    src: url("../fonts/QualionThinItalic/QualionThinItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionThinItalic/QualionThinItalic.woff") format("woff"),
    url("../fonts/QualionThinItalic/QualionThinItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 100;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionLightItalic.ttf Eot Woff

Как установить шрифт Qualion LightItalic

1. Для того, чтобы установить шрифт Qualion LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionLightItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionLightItalic";
    src: url("../fonts/QualionLightItalic/QualionLightItalic.eot");
    src: url("../fonts/QualionLightItalic/QualionLightItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionLightItalic/QualionLightItalic.woff") format("woff"),
    url("../fonts/QualionLightItalic/QualionLightItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionItalic.ttf Eot Woff

Как установить шрифт Qualion Italic

1. Для того, чтобы установить шрифт Qualion Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionItalic";
    src: url("../fonts/QualionItalic/QualionItalic.eot");
    src: url("../fonts/QualionItalic/QualionItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionItalic/QualionItalic.woff") format("woff"),
    url("../fonts/QualionItalic/QualionItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionBoldItalic.ttf Eot Woff

Как установить шрифт Qualion BoldItalic

1. Для того, чтобы установить шрифт Qualion BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionBoldItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionBoldItalic";
    src: url("../fonts/QualionBoldItalic/QualionBoldItalic.eot");
    src: url("../fonts/QualionBoldItalic/QualionBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionBoldItalic/QualionBoldItalic.woff") format("woff"),
    url("../fonts/QualionBoldItalic/QualionBoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 700;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionExtraBoldItalic.ttf Eot Woff

Как установить шрифт Qualion ExtraBoldItalic

1. Для того, чтобы установить шрифт Qualion ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionExtraBoldItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionExtraBoldItalic";
    src: url("../fonts/QualionExtraBoldItalic/QualionExtraBoldItalic.eot");
    src: url("../fonts/QualionExtraBoldItalic/QualionExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionExtraBoldItalic/QualionExtraBoldItalic.woff") format("woff"),
    url("../fonts/QualionExtraBoldItalic/QualionExtraBoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionBlackItalic.ttf Eot Woff

Как установить шрифт Qualion BlackItalic

1. Для того, чтобы установить шрифт Qualion BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionBlackItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionBlackItalic";
    src: url("../fonts/QualionBlackItalic/QualionBlackItalic.eot");
    src: url("../fonts/QualionBlackItalic/QualionBlackItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionBlackItalic/QualionBlackItalic.woff") format("woff"),
    url("../fonts/QualionBlackItalic/QualionBlackItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 900;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionBook.ttf Eot Woff

Как установить шрифт Qualion Book

1. Для того, чтобы установить шрифт Qualion Book в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionBook

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionBook";
    src: url("../fonts/QualionBook/QualionBook.eot");
    src: url("../fonts/QualionBook/QualionBook.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionBook/QualionBook.woff") format("woff"),
    url("../fonts/QualionBook/QualionBook.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
QualionBookItalic.ttf Eot Woff

Как установить шрифт Qualion BookItalic

1. Для того, чтобы установить шрифт Qualion BookItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /QualionBookItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "QualionBookItalic";
    src: url("../fonts/QualionBookItalic/QualionBookItalic.eot");
    src: url("../fonts/QualionBookItalic/QualionBookItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/QualionBookItalic/QualionBookItalic.woff") format("woff"),
    url("../fonts/QualionBookItalic/QualionBookItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!

Вы можете скачать шрифт "Qualion" одним zip-архивом, со всеми вариантами начертаний.
Ваша коллекция ßeta
  • Ничего не добавлено
Скачать ZIP архивом WordPress плагином
Шрифты для сайта