Шрифт Cera Pro
На нашем сайте, вы можете скачать шрифт Cera Pro для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CeraPro Thin
1. Для того, чтобы установить шрифт CeraPro Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CeraProThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CeraProThin";
src: url("../fonts/CeraProThin/CeraProThin.eot");
src: url("../fonts/CeraProThin/CeraProThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/CeraProThin/CeraProThin.woff") format("woff"),
url("../fonts/CeraProThin/CeraProThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CeraPro Light
1. Для того, чтобы установить шрифт CeraPro Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CeraProLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CeraProLight";
src: url("../fonts/CeraProLight/CeraProLight.eot");
src: url("../fonts/CeraProLight/CeraProLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/CeraProLight/CeraProLight.woff") format("woff"),
url("../fonts/CeraProLight/CeraProLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CeraPro Regular
1. Для того, чтобы установить шрифт CeraPro Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CeraProRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CeraProRegular";
src: url("../fonts/CeraProRegular/CeraProRegular.eot");
src: url("../fonts/CeraProRegular/CeraProRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/CeraProRegular/CeraProRegular.woff") format("woff"),
url("../fonts/CeraProRegular/CeraProRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CeraPro Medium
1. Для того, чтобы установить шрифт CeraPro Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CeraProMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CeraProMedium";
src: url("../fonts/CeraProMedium/CeraProMedium.eot");
src: url("../fonts/CeraProMedium/CeraProMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/CeraProMedium/CeraProMedium.woff") format("woff"),
url("../fonts/CeraProMedium/CeraProMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CeraPro Bold
1. Для того, чтобы установить шрифт CeraPro Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CeraProBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CeraProBold";
src: url("../fonts/CeraProBold/CeraProBold.eot");
src: url("../fonts/CeraProBold/CeraProBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/CeraProBold/CeraProBold.woff") format("woff"),
url("../fonts/CeraProBold/CeraProBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CeraPro Black
1. Для того, чтобы установить шрифт CeraPro Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CeraProBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CeraProBlack";
src: url("../fonts/CeraProBlack/CeraProBlack.eot");
src: url("../fonts/CeraProBlack/CeraProBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/CeraProBlack/CeraProBlack.woff") format("woff"),
url("../fonts/CeraProBlack/CeraProBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CeraPro ThinItalic
1. Для того, чтобы установить шрифт CeraPro ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CeraProThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CeraProThinItalic";
src: url("../fonts/CeraProThinItalic/CeraProThinItalic.eot");
src: url("../fonts/CeraProThinItalic/CeraProThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CeraProThinItalic/CeraProThinItalic.woff") format("woff"),
url("../fonts/CeraProThinItalic/CeraProThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CeraPro LightItalic
1. Для того, чтобы установить шрифт CeraPro LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CeraProLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CeraProLightItalic";
src: url("../fonts/CeraProLightItalic/CeraProLightItalic.eot");
src: url("../fonts/CeraProLightItalic/CeraProLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CeraProLightItalic/CeraProLightItalic.woff") format("woff"),
url("../fonts/CeraProLightItalic/CeraProLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CeraPro MediumItalic
1. Для того, чтобы установить шрифт CeraPro MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CeraProMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CeraProMediumItalic";
src: url("../fonts/CeraProMediumItalic/CeraProMediumItalic.eot");
src: url("../fonts/CeraProMediumItalic/CeraProMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CeraProMediumItalic/CeraProMediumItalic.woff") format("woff"),
url("../fonts/CeraProMediumItalic/CeraProMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CeraPro BoldItalic
1. Для того, чтобы установить шрифт CeraPro BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CeraProBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CeraProBoldItalic";
src: url("../fonts/CeraProBoldItalic/CeraProBoldItalic.eot");
src: url("../fonts/CeraProBoldItalic/CeraProBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CeraProBoldItalic/CeraProBoldItalic.woff") format("woff"),
url("../fonts/CeraProBoldItalic/CeraProBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CeraPro BlackItalic
1. Для того, чтобы установить шрифт CeraPro BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CeraProBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CeraProBlackItalic";
src: url("../fonts/CeraProBlackItalic/CeraProBlackItalic.eot");
src: url("../fonts/CeraProBlackItalic/CeraProBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CeraProBlackItalic/CeraProBlackItalic.woff") format("woff"),
url("../fonts/CeraProBlackItalic/CeraProBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CeraPro RegularItalic
1. Для того, чтобы установить шрифт CeraPro RegularItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CeraProRegularItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CeraProRegularItalic";
src: url("../fonts/CeraProRegularItalic/CeraProRegularItalic.eot");
src: url("../fonts/CeraProRegularItalic/CeraProRegularItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CeraProRegularItalic/CeraProRegularItalic.woff") format("woff"),
url("../fonts/CeraProRegularItalic/CeraProRegularItalic.ttf") format("truetype");
font-style: italic;
font-weight: 400;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!