Шрифт Queen Street
На нашем сайте, вы можете скачать шрифт Queen Street для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт QueenStreet Pattern
1. Для того, чтобы установить шрифт QueenStreet Pattern в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QueenStreetPattern /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QueenStreetPattern";
src: url("../fonts/QueenStreetPattern/QueenStreetPattern.eot");
src: url("../fonts/QueenStreetPattern/QueenStreetPattern.eot?#iefix")format("embedded-opentype"),
url("../fonts/QueenStreetPattern/QueenStreetPattern.woff") format("woff"),
url("../fonts/QueenStreetPattern/QueenStreetPattern.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт QueenStreet Outline
1. Для того, чтобы установить шрифт QueenStreet Outline в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QueenStreetOutline /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QueenStreetOutline";
src: url("../fonts/QueenStreetOutline/QueenStreetOutline.eot");
src: url("../fonts/QueenStreetOutline/QueenStreetOutline.eot?#iefix")format("embedded-opentype"),
url("../fonts/QueenStreetOutline/QueenStreetOutline.woff") format("woff"),
url("../fonts/QueenStreetOutline/QueenStreetOutline.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт QueenStreet DropShadow
1. Для того, чтобы установить шрифт QueenStreet DropShadow в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QueenStreetDropShadow /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QueenStreetDropShadow";
src: url("../fonts/QueenStreetDropShadow/QueenStreetDropShadow.eot");
src: url("../fonts/QueenStreetDropShadow/QueenStreetDropShadow.eot?#iefix")format("embedded-opentype"),
url("../fonts/QueenStreetDropShadow/QueenStreetDropShadow.woff") format("woff"),
url("../fonts/QueenStreetDropShadow/QueenStreetDropShadow.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт QueenStreet Extrude
1. Для того, чтобы установить шрифт QueenStreet Extrude в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QueenStreetExtrude /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QueenStreetExtrude";
src: url("../fonts/QueenStreetExtrude/QueenStreetExtrude.eot");
src: url("../fonts/QueenStreetExtrude/QueenStreetExtrude.eot?#iefix")format("embedded-opentype"),
url("../fonts/QueenStreetExtrude/QueenStreetExtrude.woff") format("woff"),
url("../fonts/QueenStreetExtrude/QueenStreetExtrude.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт QueenStreet Inked
1. Для того, чтобы установить шрифт QueenStreet Inked в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QueenStreetInked /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QueenStreetInked";
src: url("../fonts/QueenStreetInked/QueenStreetInked.eot");
src: url("../fonts/QueenStreetInked/QueenStreetInked.eot?#iefix")format("embedded-opentype"),
url("../fonts/QueenStreetInked/QueenStreetInked.woff") format("woff"),
url("../fonts/QueenStreetInked/QueenStreetInked.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт QueenStreet Marquee
1. Для того, чтобы установить шрифт QueenStreet Marquee в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QueenStreetMarquee /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QueenStreetMarquee";
src: url("../fonts/QueenStreetMarquee/QueenStreetMarquee.eot");
src: url("../fonts/QueenStreetMarquee/QueenStreetMarquee.eot?#iefix")format("embedded-opentype"),
url("../fonts/QueenStreetMarquee/QueenStreetMarquee.woff") format("woff"),
url("../fonts/QueenStreetMarquee/QueenStreetMarquee.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт QueenStreet DropLine
1. Для того, чтобы установить шрифт QueenStreet DropLine в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QueenStreetDropLine /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QueenStreetDropLine";
src: url("../fonts/QueenStreetDropLine/QueenStreetDropLine.eot");
src: url("../fonts/QueenStreetDropLine/QueenStreetDropLine.eot?#iefix")format("embedded-opentype"),
url("../fonts/QueenStreetDropLine/QueenStreetDropLine.woff") format("woff"),
url("../fonts/QueenStreetDropLine/QueenStreetDropLine.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт QueenStreet ExtrudeShadow
1. Для того, чтобы установить шрифт QueenStreet ExtrudeShadow в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QueenStreetExtrudeShadow /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QueenStreetExtrudeShadow";
src: url("../fonts/QueenStreetExtrudeShadow/QueenStreetExtrudeShadow.eot");
src: url("../fonts/QueenStreetExtrudeShadow/QueenStreetExtrudeShadow.eot?#iefix")format("embedded-opentype"),
url("../fonts/QueenStreetExtrudeShadow/QueenStreetExtrudeShadow.woff") format("woff"),
url("../fonts/QueenStreetExtrudeShadow/QueenStreetExtrudeShadow.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт QueenStreet FilledInk
1. Для того, чтобы установить шрифт QueenStreet FilledInk в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QueenStreetFilledInk /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QueenStreetFilledInk";
src: url("../fonts/QueenStreetFilledInk/QueenStreetFilledInk.eot");
src: url("../fonts/QueenStreetFilledInk/QueenStreetFilledInk.eot?#iefix")format("embedded-opentype"),
url("../fonts/QueenStreetFilledInk/QueenStreetFilledInk.woff") format("woff"),
url("../fonts/QueenStreetFilledInk/QueenStreetFilledInk.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт QueenStreet GiantExtrude
1. Для того, чтобы установить шрифт QueenStreet GiantExtrude в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QueenStreetGiantExtrude /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QueenStreetGiantExtrude";
src: url("../fonts/QueenStreetGiantExtrude/QueenStreetGiantExtrude.eot");
src: url("../fonts/QueenStreetGiantExtrude/QueenStreetGiantExtrude.eot?#iefix")format("embedded-opentype"),
url("../fonts/QueenStreetGiantExtrude/QueenStreetGiantExtrude.woff") format("woff"),
url("../fonts/QueenStreetGiantExtrude/QueenStreetGiantExtrude.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт QueenStreet InnerShadow
1. Для того, чтобы установить шрифт QueenStreet InnerShadow в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QueenStreetInnerShadow /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QueenStreetInnerShadow";
src: url("../fonts/QueenStreetInnerShadow/QueenStreetInnerShadow.eot");
src: url("../fonts/QueenStreetInnerShadow/QueenStreetInnerShadow.eot?#iefix")format("embedded-opentype"),
url("../fonts/QueenStreetInnerShadow/QueenStreetInnerShadow.woff") format("woff"),
url("../fonts/QueenStreetInnerShadow/QueenStreetInnerShadow.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!