Шрифт Zona Pro
На нашем сайте, вы можете скачать шрифт Zona Pro для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZonaPro Ultra
1. Для того, чтобы установить шрифт ZonaPro Ultra в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZonaProUltra /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZonaProUltra";
src: url("../fonts/ZonaProUltra/ZonaProUltra.eot");
src: url("../fonts/ZonaProUltra/ZonaProUltra.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZonaProUltra/ZonaProUltra.woff") format("woff"),
url("../fonts/ZonaProUltra/ZonaProUltra.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZonaPro UltraItalic
1. Для того, чтобы установить шрифт ZonaPro UltraItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZonaProUltraItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZonaProUltraItalic";
src: url("../fonts/ZonaProUltraItalic/ZonaProUltraItalic.eot");
src: url("../fonts/ZonaProUltraItalic/ZonaProUltraItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZonaProUltraItalic/ZonaProUltraItalic.woff") format("woff"),
url("../fonts/ZonaProUltraItalic/ZonaProUltraItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZonaPro Hairline
1. Для того, чтобы установить шрифт ZonaPro Hairline в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZonaProHairline /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZonaProHairline";
src: url("../fonts/ZonaProHairline/ZonaProHairline.eot");
src: url("../fonts/ZonaProHairline/ZonaProHairline.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZonaProHairline/ZonaProHairline.woff") format("woff"),
url("../fonts/ZonaProHairline/ZonaProHairline.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZonaPro HairlineItalic
1. Для того, чтобы установить шрифт ZonaPro HairlineItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZonaProHairlineItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZonaProHairlineItalic";
src: url("../fonts/ZonaProHairlineItalic/ZonaProHairlineItalic.eot");
src: url("../fonts/ZonaProHairlineItalic/ZonaProHairlineItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZonaProHairlineItalic/ZonaProHairlineItalic.woff") format("woff"),
url("../fonts/ZonaProHairlineItalic/ZonaProHairlineItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZonaPro Thin
1. Для того, чтобы установить шрифт ZonaPro Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZonaProThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZonaProThin";
src: url("../fonts/ZonaProThin/ZonaProThin.eot");
src: url("../fonts/ZonaProThin/ZonaProThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZonaProThin/ZonaProThin.woff") format("woff"),
url("../fonts/ZonaProThin/ZonaProThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZonaPro Light
1. Для того, чтобы установить шрифт ZonaPro Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZonaProLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZonaProLight";
src: url("../fonts/ZonaProLight/ZonaProLight.eot");
src: url("../fonts/ZonaProLight/ZonaProLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZonaProLight/ZonaProLight.woff") format("woff"),
url("../fonts/ZonaProLight/ZonaProLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZonaPro Regular
1. Для того, чтобы установить шрифт ZonaPro Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZonaProRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZonaProRegular";
src: url("../fonts/ZonaProRegular/ZonaProRegular.eot");
src: url("../fonts/ZonaProRegular/ZonaProRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZonaProRegular/ZonaProRegular.woff") format("woff"),
url("../fonts/ZonaProRegular/ZonaProRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZonaPro SemiBold
1. Для того, чтобы установить шрифт ZonaPro SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZonaProSemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZonaProSemiBold";
src: url("../fonts/ZonaProSemiBold/ZonaProSemiBold.eot");
src: url("../fonts/ZonaProSemiBold/ZonaProSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZonaProSemiBold/ZonaProSemiBold.woff") format("woff"),
url("../fonts/ZonaProSemiBold/ZonaProSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZonaPro Bold
1. Для того, чтобы установить шрифт ZonaPro Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZonaProBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZonaProBold";
src: url("../fonts/ZonaProBold/ZonaProBold.eot");
src: url("../fonts/ZonaProBold/ZonaProBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZonaProBold/ZonaProBold.woff") format("woff"),
url("../fonts/ZonaProBold/ZonaProBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZonaPro ExtraBold
1. Для того, чтобы установить шрифт ZonaPro ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZonaProExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZonaProExtraBold";
src: url("../fonts/ZonaProExtraBold/ZonaProExtraBold.eot");
src: url("../fonts/ZonaProExtraBold/ZonaProExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZonaProExtraBold/ZonaProExtraBold.woff") format("woff"),
url("../fonts/ZonaProExtraBold/ZonaProExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZonaPro Black
1. Для того, чтобы установить шрифт ZonaPro Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZonaProBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZonaProBlack";
src: url("../fonts/ZonaProBlack/ZonaProBlack.eot");
src: url("../fonts/ZonaProBlack/ZonaProBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZonaProBlack/ZonaProBlack.woff") format("woff"),
url("../fonts/ZonaProBlack/ZonaProBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZonaPro ThinItalic
1. Для того, чтобы установить шрифт ZonaPro ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZonaProThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZonaProThinItalic";
src: url("../fonts/ZonaProThinItalic/ZonaProThinItalic.eot");
src: url("../fonts/ZonaProThinItalic/ZonaProThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZonaProThinItalic/ZonaProThinItalic.woff") format("woff"),
url("../fonts/ZonaProThinItalic/ZonaProThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZonaPro LightItalic
1. Для того, чтобы установить шрифт ZonaPro LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZonaProLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZonaProLightItalic";
src: url("../fonts/ZonaProLightItalic/ZonaProLightItalic.eot");
src: url("../fonts/ZonaProLightItalic/ZonaProLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZonaProLightItalic/ZonaProLightItalic.woff") format("woff"),
url("../fonts/ZonaProLightItalic/ZonaProLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZonaPro BoldItalic
1. Для того, чтобы установить шрифт ZonaPro BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZonaProBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZonaProBoldItalic";
src: url("../fonts/ZonaProBoldItalic/ZonaProBoldItalic.eot");
src: url("../fonts/ZonaProBoldItalic/ZonaProBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZonaProBoldItalic/ZonaProBoldItalic.woff") format("woff"),
url("../fonts/ZonaProBoldItalic/ZonaProBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZonaPro SemiBoldItalic
1. Для того, чтобы установить шрифт ZonaPro SemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZonaProSemiBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZonaProSemiBoldItalic";
src: url("../fonts/ZonaProSemiBoldItalic/ZonaProSemiBoldItalic.eot");
src: url("../fonts/ZonaProSemiBoldItalic/ZonaProSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZonaProSemiBoldItalic/ZonaProSemiBoldItalic.woff") format("woff"),
url("../fonts/ZonaProSemiBoldItalic/ZonaProSemiBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZonaPro ExtraBoldItalic
1. Для того, чтобы установить шрифт ZonaPro ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZonaProExtraBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZonaProExtraBoldItalic";
src: url("../fonts/ZonaProExtraBoldItalic/ZonaProExtraBoldItalic.eot");
src: url("../fonts/ZonaProExtraBoldItalic/ZonaProExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZonaProExtraBoldItalic/ZonaProExtraBoldItalic.woff") format("woff"),
url("../fonts/ZonaProExtraBoldItalic/ZonaProExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZonaPro BlackItalic
1. Для того, чтобы установить шрифт ZonaPro BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZonaProBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZonaProBlackItalic";
src: url("../fonts/ZonaProBlackItalic/ZonaProBlackItalic.eot");
src: url("../fonts/ZonaProBlackItalic/ZonaProBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZonaProBlackItalic/ZonaProBlackItalic.woff") format("woff"),
url("../fonts/ZonaProBlackItalic/ZonaProBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ZonaPro RegularItalic
1. Для того, чтобы установить шрифт ZonaPro RegularItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ZonaProRegularItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ZonaProRegularItalic";
src: url("../fonts/ZonaProRegularItalic/ZonaProRegularItalic.eot");
src: url("../fonts/ZonaProRegularItalic/ZonaProRegularItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ZonaProRegularItalic/ZonaProRegularItalic.woff") format("woff"),
url("../fonts/ZonaProRegularItalic/ZonaProRegularItalic.ttf") format("truetype");
font-style: italic;
font-weight: 400;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!