Шрифт Canto Brush Open
На нашем сайте, вы можете скачать шрифт Canto Brush Open для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CantoBrushOpen Light
1. Для того, чтобы установить шрифт CantoBrushOpen Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CantoBrushOpenLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CantoBrushOpenLight";
src: url("../fonts/CantoBrushOpenLight/CantoBrushOpenLight.eot");
src: url("../fonts/CantoBrushOpenLight/CantoBrushOpenLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/CantoBrushOpenLight/CantoBrushOpenLight.woff") format("woff"),
url("../fonts/CantoBrushOpenLight/CantoBrushOpenLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CantoBrushOpen SemiBold
1. Для того, чтобы установить шрифт CantoBrushOpen SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CantoBrushOpenSemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CantoBrushOpenSemiBold";
src: url("../fonts/CantoBrushOpenSemiBold/CantoBrushOpenSemiBold.eot");
src: url("../fonts/CantoBrushOpenSemiBold/CantoBrushOpenSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/CantoBrushOpenSemiBold/CantoBrushOpenSemiBold.woff") format("woff"),
url("../fonts/CantoBrushOpenSemiBold/CantoBrushOpenSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CantoBrushOpen Bold
1. Для того, чтобы установить шрифт CantoBrushOpen Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CantoBrushOpenBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CantoBrushOpenBold";
src: url("../fonts/CantoBrushOpenBold/CantoBrushOpenBold.eot");
src: url("../fonts/CantoBrushOpenBold/CantoBrushOpenBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/CantoBrushOpenBold/CantoBrushOpenBold.woff") format("woff"),
url("../fonts/CantoBrushOpenBold/CantoBrushOpenBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CantoBrushOpen LightItalic
1. Для того, чтобы установить шрифт CantoBrushOpen LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CantoBrushOpenLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CantoBrushOpenLightItalic";
src: url("../fonts/CantoBrushOpenLightItalic/CantoBrushOpenLightItalic.eot");
src: url("../fonts/CantoBrushOpenLightItalic/CantoBrushOpenLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CantoBrushOpenLightItalic/CantoBrushOpenLightItalic.woff") format("woff"),
url("../fonts/CantoBrushOpenLightItalic/CantoBrushOpenLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CantoBrushOpen Italic
1. Для того, чтобы установить шрифт CantoBrushOpen Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CantoBrushOpenItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CantoBrushOpenItalic";
src: url("../fonts/CantoBrushOpenItalic/CantoBrushOpenItalic.eot");
src: url("../fonts/CantoBrushOpenItalic/CantoBrushOpenItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CantoBrushOpenItalic/CantoBrushOpenItalic.woff") format("woff"),
url("../fonts/CantoBrushOpenItalic/CantoBrushOpenItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CantoBrushOpen BoldItalic
1. Для того, чтобы установить шрифт CantoBrushOpen BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CantoBrushOpenBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CantoBrushOpenBoldItalic";
src: url("../fonts/CantoBrushOpenBoldItalic/CantoBrushOpenBoldItalic.eot");
src: url("../fonts/CantoBrushOpenBoldItalic/CantoBrushOpenBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CantoBrushOpenBoldItalic/CantoBrushOpenBoldItalic.woff") format("woff"),
url("../fonts/CantoBrushOpenBoldItalic/CantoBrushOpenBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CantoBrushOpen SemiBoldItalic
1. Для того, чтобы установить шрифт CantoBrushOpen SemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CantoBrushOpenSemiBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CantoBrushOpenSemiBoldItalic";
src: url("../fonts/CantoBrushOpenSemiBoldItalic/CantoBrushOpenSemiBoldItalic.eot");
src: url("../fonts/CantoBrushOpenSemiBoldItalic/CantoBrushOpenSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CantoBrushOpenSemiBoldItalic/CantoBrushOpenSemiBoldItalic.woff") format("woff"),
url("../fonts/CantoBrushOpenSemiBoldItalic/CantoBrushOpenSemiBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CantoBrushOpen Roman
1. Для того, чтобы установить шрифт CantoBrushOpen Roman в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CantoBrushOpenRoman /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CantoBrushOpenRoman";
src: url("../fonts/CantoBrushOpenRoman/CantoBrushOpenRoman.eot");
src: url("../fonts/CantoBrushOpenRoman/CantoBrushOpenRoman.eot?#iefix")format("embedded-opentype"),
url("../fonts/CantoBrushOpenRoman/CantoBrushOpenRoman.woff") format("woff"),
url("../fonts/CantoBrushOpenRoman/CantoBrushOpenRoman.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!