Шрифт Coco
На нашем сайте, вы можете скачать шрифт Coco для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Coco BoldCondensed
1. Для того, чтобы установить шрифт Coco BoldCondensed в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CocoBoldCondensed /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CocoBoldCondensed";
src: url("../fonts/CocoBoldCondensed/CocoBoldCondensed.eot");
src: url("../fonts/CocoBoldCondensed/CocoBoldCondensed.eot?#iefix")format("embedded-opentype"),
url("../fonts/CocoBoldCondensed/CocoBoldCondensed.woff") format("woff"),
url("../fonts/CocoBoldCondensed/CocoBoldCondensed.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Coco BoldCondensedItalic
1. Для того, чтобы установить шрифт Coco BoldCondensedItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CocoBoldCondensedItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CocoBoldCondensedItalic";
src: url("../fonts/CocoBoldCondensedItalic/CocoBoldCondensedItalic.eot");
src: url("../fonts/CocoBoldCondensedItalic/CocoBoldCondensedItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CocoBoldCondensedItalic/CocoBoldCondensedItalic.woff") format("woff"),
url("../fonts/CocoBoldCondensedItalic/CocoBoldCondensedItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Coco Condensed
1. Для того, чтобы установить шрифт Coco Condensed в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CocoCondensed /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CocoCondensed";
src: url("../fonts/CocoCondensed/CocoCondensed.eot");
src: url("../fonts/CocoCondensed/CocoCondensed.eot?#iefix")format("embedded-opentype"),
url("../fonts/CocoCondensed/CocoCondensed.woff") format("woff"),
url("../fonts/CocoCondensed/CocoCondensed.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Coco CondensedItalic
1. Для того, чтобы установить шрифт Coco CondensedItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CocoCondensedItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CocoCondensedItalic";
src: url("../fonts/CocoCondensedItalic/CocoCondensedItalic.eot");
src: url("../fonts/CocoCondensedItalic/CocoCondensedItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CocoCondensedItalic/CocoCondensedItalic.woff") format("woff"),
url("../fonts/CocoCondensedItalic/CocoCondensedItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Coco Regular
1. Для того, чтобы установить шрифт Coco Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CocoRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CocoRegular";
src: url("../fonts/CocoRegular/CocoRegular.eot");
src: url("../fonts/CocoRegular/CocoRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/CocoRegular/CocoRegular.woff") format("woff"),
url("../fonts/CocoRegular/CocoRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Coco Bold
1. Для того, чтобы установить шрифт Coco Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CocoBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CocoBold";
src: url("../fonts/CocoBold/CocoBold.eot");
src: url("../fonts/CocoBold/CocoBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/CocoBold/CocoBold.woff") format("woff"),
url("../fonts/CocoBold/CocoBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Coco Italic
1. Для того, чтобы установить шрифт Coco Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CocoItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CocoItalic";
src: url("../fonts/CocoItalic/CocoItalic.eot");
src: url("../fonts/CocoItalic/CocoItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CocoItalic/CocoItalic.woff") format("woff"),
url("../fonts/CocoItalic/CocoItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Coco BoldItalic
1. Для того, чтобы установить шрифт Coco BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CocoBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CocoBoldItalic";
src: url("../fonts/CocoBoldItalic/CocoBoldItalic.eot");
src: url("../fonts/CocoBoldItalic/CocoBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CocoBoldItalic/CocoBoldItalic.woff") format("woff"),
url("../fonts/CocoBoldItalic/CocoBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!