Шрифт Cocomat
На нашем сайте, вы можете скачать шрифт Cocomat для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cocomat UltraLightItalic
1. Для того, чтобы установить шрифт Cocomat UltraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CocomatUltraLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CocomatUltraLightItalic";
src: url("../fonts/CocomatUltraLightItalic/CocomatUltraLightItalic.eot");
src: url("../fonts/CocomatUltraLightItalic/CocomatUltraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CocomatUltraLightItalic/CocomatUltraLightItalic.woff") format("woff"),
url("../fonts/CocomatUltraLightItalic/CocomatUltraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cocomat Light
1. Для того, чтобы установить шрифт Cocomat Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CocomatLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CocomatLight";
src: url("../fonts/CocomatLight/CocomatLight.eot");
src: url("../fonts/CocomatLight/CocomatLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/CocomatLight/CocomatLight.woff") format("woff"),
url("../fonts/CocomatLight/CocomatLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cocomat UltraLight
1. Для того, чтобы установить шрифт Cocomat UltraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CocomatUltraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CocomatUltraLight";
src: url("../fonts/CocomatUltraLight/CocomatUltraLight.eot");
src: url("../fonts/CocomatUltraLight/CocomatUltraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/CocomatUltraLight/CocomatUltraLight.woff") format("woff"),
url("../fonts/CocomatUltraLight/CocomatUltraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cocomat Bold
1. Для того, чтобы установить шрифт Cocomat Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CocomatBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CocomatBold";
src: url("../fonts/CocomatBold/CocomatBold.eot");
src: url("../fonts/CocomatBold/CocomatBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/CocomatBold/CocomatBold.woff") format("woff"),
url("../fonts/CocomatBold/CocomatBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cocomat LightItalic
1. Для того, чтобы установить шрифт Cocomat LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CocomatLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CocomatLightItalic";
src: url("../fonts/CocomatLightItalic/CocomatLightItalic.eot");
src: url("../fonts/CocomatLightItalic/CocomatLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CocomatLightItalic/CocomatLightItalic.woff") format("woff"),
url("../fonts/CocomatLightItalic/CocomatLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cocomat Italic
1. Для того, чтобы установить шрифт Cocomat Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CocomatItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CocomatItalic";
src: url("../fonts/CocomatItalic/CocomatItalic.eot");
src: url("../fonts/CocomatItalic/CocomatItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CocomatItalic/CocomatItalic.woff") format("woff"),
url("../fonts/CocomatItalic/CocomatItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cocomat BoldItalic
1. Для того, чтобы установить шрифт Cocomat BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CocomatBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CocomatBoldItalic";
src: url("../fonts/CocomatBoldItalic/CocomatBoldItalic.eot");
src: url("../fonts/CocomatBoldItalic/CocomatBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CocomatBoldItalic/CocomatBoldItalic.woff") format("woff"),
url("../fonts/CocomatBoldItalic/CocomatBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cocomat Heavy
1. Для того, чтобы установить шрифт Cocomat Heavy в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CocomatHeavy /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CocomatHeavy";
src: url("../fonts/CocomatHeavy/CocomatHeavy.eot");
src: url("../fonts/CocomatHeavy/CocomatHeavy.eot?#iefix")format("embedded-opentype"),
url("../fonts/CocomatHeavy/CocomatHeavy.woff") format("woff"),
url("../fonts/CocomatHeavy/CocomatHeavy.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cocomat HeavyItalic
1. Для того, чтобы установить шрифт Cocomat HeavyItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CocomatHeavyItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CocomatHeavyItalic";
src: url("../fonts/CocomatHeavyItalic/CocomatHeavyItalic.eot");
src: url("../fonts/CocomatHeavyItalic/CocomatHeavyItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CocomatHeavyItalic/CocomatHeavyItalic.woff") format("woff"),
url("../fonts/CocomatHeavyItalic/CocomatHeavyItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!