Шрифт Quatro
На нашем сайте, вы можете скачать шрифт Quatro для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Quatro ExtraLight
1. Для того, чтобы установить шрифт Quatro ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuatroExtraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuatroExtraLight";
src: url("../fonts/QuatroExtraLight/QuatroExtraLight.eot");
src: url("../fonts/QuatroExtraLight/QuatroExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuatroExtraLight/QuatroExtraLight.woff") format("woff"),
url("../fonts/QuatroExtraLight/QuatroExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Quatro Light
1. Для того, чтобы установить шрифт Quatro Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuatroLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuatroLight";
src: url("../fonts/QuatroLight/QuatroLight.eot");
src: url("../fonts/QuatroLight/QuatroLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuatroLight/QuatroLight.woff") format("woff"),
url("../fonts/QuatroLight/QuatroLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Quatro Regular
1. Для того, чтобы установить шрифт Quatro Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuatroRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuatroRegular";
src: url("../fonts/QuatroRegular/QuatroRegular.eot");
src: url("../fonts/QuatroRegular/QuatroRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuatroRegular/QuatroRegular.woff") format("woff"),
url("../fonts/QuatroRegular/QuatroRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Quatro Medium
1. Для того, чтобы установить шрифт Quatro Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuatroMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuatroMedium";
src: url("../fonts/QuatroMedium/QuatroMedium.eot");
src: url("../fonts/QuatroMedium/QuatroMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuatroMedium/QuatroMedium.woff") format("woff"),
url("../fonts/QuatroMedium/QuatroMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Quatro SemiBold
1. Для того, чтобы установить шрифт Quatro SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuatroSemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuatroSemiBold";
src: url("../fonts/QuatroSemiBold/QuatroSemiBold.eot");
src: url("../fonts/QuatroSemiBold/QuatroSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuatroSemiBold/QuatroSemiBold.woff") format("woff"),
url("../fonts/QuatroSemiBold/QuatroSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Quatro Bold
1. Для того, чтобы установить шрифт Quatro Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuatroBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuatroBold";
src: url("../fonts/QuatroBold/QuatroBold.eot");
src: url("../fonts/QuatroBold/QuatroBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuatroBold/QuatroBold.woff") format("woff"),
url("../fonts/QuatroBold/QuatroBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Quatro Black
1. Для того, чтобы установить шрифт Quatro Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuatroBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuatroBlack";
src: url("../fonts/QuatroBlack/QuatroBlack.eot");
src: url("../fonts/QuatroBlack/QuatroBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuatroBlack/QuatroBlack.woff") format("woff"),
url("../fonts/QuatroBlack/QuatroBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Quatro UltraBlack
1. Для того, чтобы установить шрифт Quatro UltraBlack в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuatroUltraBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuatroUltraBlack";
src: url("../fonts/QuatroUltraBlack/QuatroUltraBlack.eot");
src: url("../fonts/QuatroUltraBlack/QuatroUltraBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuatroUltraBlack/QuatroUltraBlack.woff") format("woff"),
url("../fonts/QuatroUltraBlack/QuatroUltraBlack.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Quatro ExtraLightItalic
1. Для того, чтобы установить шрифт Quatro ExtraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuatroExtraLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuatroExtraLightItalic";
src: url("../fonts/QuatroExtraLightItalic/QuatroExtraLightItalic.eot");
src: url("../fonts/QuatroExtraLightItalic/QuatroExtraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuatroExtraLightItalic/QuatroExtraLightItalic.woff") format("woff"),
url("../fonts/QuatroExtraLightItalic/QuatroExtraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Quatro LightItalic
1. Для того, чтобы установить шрифт Quatro LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuatroLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuatroLightItalic";
src: url("../fonts/QuatroLightItalic/QuatroLightItalic.eot");
src: url("../fonts/QuatroLightItalic/QuatroLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuatroLightItalic/QuatroLightItalic.woff") format("woff"),
url("../fonts/QuatroLightItalic/QuatroLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Quatro MediumItalic
1. Для того, чтобы установить шрифт Quatro MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuatroMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuatroMediumItalic";
src: url("../fonts/QuatroMediumItalic/QuatroMediumItalic.eot");
src: url("../fonts/QuatroMediumItalic/QuatroMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuatroMediumItalic/QuatroMediumItalic.woff") format("woff"),
url("../fonts/QuatroMediumItalic/QuatroMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Quatro BoldItalic
1. Для того, чтобы установить шрифт Quatro BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuatroBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuatroBoldItalic";
src: url("../fonts/QuatroBoldItalic/QuatroBoldItalic.eot");
src: url("../fonts/QuatroBoldItalic/QuatroBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuatroBoldItalic/QuatroBoldItalic.woff") format("woff"),
url("../fonts/QuatroBoldItalic/QuatroBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Quatro SemiBoldItalic
1. Для того, чтобы установить шрифт Quatro SemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuatroSemiBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuatroSemiBoldItalic";
src: url("../fonts/QuatroSemiBoldItalic/QuatroSemiBoldItalic.eot");
src: url("../fonts/QuatroSemiBoldItalic/QuatroSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuatroSemiBoldItalic/QuatroSemiBoldItalic.woff") format("woff"),
url("../fonts/QuatroSemiBoldItalic/QuatroSemiBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Quatro BlackItalic
1. Для того, чтобы установить шрифт Quatro BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuatroBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuatroBlackItalic";
src: url("../fonts/QuatroBlackItalic/QuatroBlackItalic.eot");
src: url("../fonts/QuatroBlackItalic/QuatroBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuatroBlackItalic/QuatroBlackItalic.woff") format("woff"),
url("../fonts/QuatroBlackItalic/QuatroBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Quatro UltraBlackItalic
1. Для того, чтобы установить шрифт Quatro UltraBlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuatroUltraBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuatroUltraBlackItalic";
src: url("../fonts/QuatroUltraBlackItalic/QuatroUltraBlackItalic.eot");
src: url("../fonts/QuatroUltraBlackItalic/QuatroUltraBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuatroUltraBlackItalic/QuatroUltraBlackItalic.woff") format("woff"),
url("../fonts/QuatroUltraBlackItalic/QuatroUltraBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Quatro Book
1. Для того, чтобы установить шрифт Quatro Book в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuatroBook /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuatroBook";
src: url("../fonts/QuatroBook/QuatroBook.eot");
src: url("../fonts/QuatroBook/QuatroBook.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuatroBook/QuatroBook.woff") format("woff"),
url("../fonts/QuatroBook/QuatroBook.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Quatro BookItalic
1. Для того, чтобы установить шрифт Quatro BookItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuatroBookItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuatroBookItalic";
src: url("../fonts/QuatroBookItalic/QuatroBookItalic.eot");
src: url("../fonts/QuatroBookItalic/QuatroBookItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuatroBookItalic/QuatroBookItalic.woff") format("woff"),
url("../fonts/QuatroBookItalic/QuatroBookItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Quatro RegularItalic
1. Для того, чтобы установить шрифт Quatro RegularItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /QuatroRegularItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "QuatroRegularItalic";
src: url("../fonts/QuatroRegularItalic/QuatroRegularItalic.eot");
src: url("../fonts/QuatroRegularItalic/QuatroRegularItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/QuatroRegularItalic/QuatroRegularItalic.woff") format("woff"),
url("../fonts/QuatroRegularItalic/QuatroRegularItalic.ttf") format("truetype");
font-style: italic;
font-weight: 400;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!