Шрифт Quebec Serial
На нашем сайте, вы можете скачать шрифт Quebec Serial для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт QuebecSerial XBold
1. Для того, чтобы установить шрифт QuebecSerial XBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuebecSerialXBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuebecSerialXBold";
src: url("../fonts/QuebecSerialXBold/QuebecSerialXBold.eot");
src: url("../fonts/QuebecSerialXBold/QuebecSerialXBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuebecSerialXBold/QuebecSerialXBold.woff") format("woff"),
url("../fonts/QuebecSerialXBold/QuebecSerialXBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт QuebecSerial XBoldItalic
1. Для того, чтобы установить шрифт QuebecSerial XBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuebecSerialXBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuebecSerialXBoldItalic";
src: url("../fonts/QuebecSerialXBoldItalic/QuebecSerialXBoldItalic.eot");
src: url("../fonts/QuebecSerialXBoldItalic/QuebecSerialXBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuebecSerialXBoldItalic/QuebecSerialXBoldItalic.woff") format("woff"),
url("../fonts/QuebecSerialXBoldItalic/QuebecSerialXBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт QuebecSerial Light
1. Для того, чтобы установить шрифт QuebecSerial Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuebecSerialLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuebecSerialLight";
src: url("../fonts/QuebecSerialLight/QuebecSerialLight.eot");
src: url("../fonts/QuebecSerialLight/QuebecSerialLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuebecSerialLight/QuebecSerialLight.woff") format("woff"),
url("../fonts/QuebecSerialLight/QuebecSerialLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт QuebecSerial Regular
1. Для того, чтобы установить шрифт QuebecSerial Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuebecSerialRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuebecSerialRegular";
src: url("../fonts/QuebecSerialRegular/QuebecSerialRegular.eot");
src: url("../fonts/QuebecSerialRegular/QuebecSerialRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuebecSerialRegular/QuebecSerialRegular.woff") format("woff"),
url("../fonts/QuebecSerialRegular/QuebecSerialRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт QuebecSerial Medium
1. Для того, чтобы установить шрифт QuebecSerial Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuebecSerialMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuebecSerialMedium";
src: url("../fonts/QuebecSerialMedium/QuebecSerialMedium.eot");
src: url("../fonts/QuebecSerialMedium/QuebecSerialMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuebecSerialMedium/QuebecSerialMedium.woff") format("woff"),
url("../fonts/QuebecSerialMedium/QuebecSerialMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт QuebecSerial Bold
1. Для того, чтобы установить шрифт QuebecSerial Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuebecSerialBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuebecSerialBold";
src: url("../fonts/QuebecSerialBold/QuebecSerialBold.eot");
src: url("../fonts/QuebecSerialBold/QuebecSerialBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuebecSerialBold/QuebecSerialBold.woff") format("woff"),
url("../fonts/QuebecSerialBold/QuebecSerialBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт QuebecSerial Black
1. Для того, чтобы установить шрифт QuebecSerial Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuebecSerialBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuebecSerialBlack";
src: url("../fonts/QuebecSerialBlack/QuebecSerialBlack.eot");
src: url("../fonts/QuebecSerialBlack/QuebecSerialBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuebecSerialBlack/QuebecSerialBlack.woff") format("woff"),
url("../fonts/QuebecSerialBlack/QuebecSerialBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт QuebecSerial LightItalic
1. Для того, чтобы установить шрифт QuebecSerial LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuebecSerialLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuebecSerialLightItalic";
src: url("../fonts/QuebecSerialLightItalic/QuebecSerialLightItalic.eot");
src: url("../fonts/QuebecSerialLightItalic/QuebecSerialLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuebecSerialLightItalic/QuebecSerialLightItalic.woff") format("woff"),
url("../fonts/QuebecSerialLightItalic/QuebecSerialLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт QuebecSerial Italic
1. Для того, чтобы установить шрифт QuebecSerial Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuebecSerialItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuebecSerialItalic";
src: url("../fonts/QuebecSerialItalic/QuebecSerialItalic.eot");
src: url("../fonts/QuebecSerialItalic/QuebecSerialItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuebecSerialItalic/QuebecSerialItalic.woff") format("woff"),
url("../fonts/QuebecSerialItalic/QuebecSerialItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт QuebecSerial MediumItalic
1. Для того, чтобы установить шрифт QuebecSerial MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuebecSerialMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuebecSerialMediumItalic";
src: url("../fonts/QuebecSerialMediumItalic/QuebecSerialMediumItalic.eot");
src: url("../fonts/QuebecSerialMediumItalic/QuebecSerialMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuebecSerialMediumItalic/QuebecSerialMediumItalic.woff") format("woff"),
url("../fonts/QuebecSerialMediumItalic/QuebecSerialMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт QuebecSerial BoldItalic
1. Для того, чтобы установить шрифт QuebecSerial BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuebecSerialBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuebecSerialBoldItalic";
src: url("../fonts/QuebecSerialBoldItalic/QuebecSerialBoldItalic.eot");
src: url("../fonts/QuebecSerialBoldItalic/QuebecSerialBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuebecSerialBoldItalic/QuebecSerialBoldItalic.woff") format("woff"),
url("../fonts/QuebecSerialBoldItalic/QuebecSerialBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт QuebecSerial BlackItalic
1. Для того, чтобы установить шрифт QuebecSerial BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuebecSerialBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuebecSerialBlackItalic";
src: url("../fonts/QuebecSerialBlackItalic/QuebecSerialBlackItalic.eot");
src: url("../fonts/QuebecSerialBlackItalic/QuebecSerialBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuebecSerialBlackItalic/QuebecSerialBlackItalic.woff") format("woff"),
url("../fonts/QuebecSerialBlackItalic/QuebecSerialBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт QuebecSerial Heavy
1. Для того, чтобы установить шрифт QuebecSerial Heavy в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuebecSerialHeavy /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuebecSerialHeavy";
src: url("../fonts/QuebecSerialHeavy/QuebecSerialHeavy.eot");
src: url("../fonts/QuebecSerialHeavy/QuebecSerialHeavy.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuebecSerialHeavy/QuebecSerialHeavy.woff") format("woff"),
url("../fonts/QuebecSerialHeavy/QuebecSerialHeavy.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт QuebecSerial HeavyItalic
1. Для того, чтобы установить шрифт QuebecSerial HeavyItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuebecSerialHeavyItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuebecSerialHeavyItalic";
src: url("../fonts/QuebecSerialHeavyItalic/QuebecSerialHeavyItalic.eot");
src: url("../fonts/QuebecSerialHeavyItalic/QuebecSerialHeavyItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuebecSerialHeavyItalic/QuebecSerialHeavyItalic.woff") format("woff"),
url("../fonts/QuebecSerialHeavyItalic/QuebecSerialHeavyItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!