Шрифт Cannon
На нашем сайте, вы можете скачать шрифт Cannon для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cannon Thin
1. Для того, чтобы установить шрифт Cannon Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CannonThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CannonThin";
src: url("../fonts/CannonThin/CannonThin.eot");
src: url("../fonts/CannonThin/CannonThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/CannonThin/CannonThin.woff") format("woff"),
url("../fonts/CannonThin/CannonThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cannon ExtraLight
1. Для того, чтобы установить шрифт Cannon ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CannonExtraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CannonExtraLight";
src: url("../fonts/CannonExtraLight/CannonExtraLight.eot");
src: url("../fonts/CannonExtraLight/CannonExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/CannonExtraLight/CannonExtraLight.woff") format("woff"),
url("../fonts/CannonExtraLight/CannonExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cannon Light
1. Для того, чтобы установить шрифт Cannon Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CannonLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CannonLight";
src: url("../fonts/CannonLight/CannonLight.eot");
src: url("../fonts/CannonLight/CannonLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/CannonLight/CannonLight.woff") format("woff"),
url("../fonts/CannonLight/CannonLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cannon Regular
1. Для того, чтобы установить шрифт Cannon Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CannonRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CannonRegular";
src: url("../fonts/CannonRegular/CannonRegular.eot");
src: url("../fonts/CannonRegular/CannonRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/CannonRegular/CannonRegular.woff") format("woff"),
url("../fonts/CannonRegular/CannonRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cannon Medium
1. Для того, чтобы установить шрифт Cannon Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CannonMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CannonMedium";
src: url("../fonts/CannonMedium/CannonMedium.eot");
src: url("../fonts/CannonMedium/CannonMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/CannonMedium/CannonMedium.woff") format("woff"),
url("../fonts/CannonMedium/CannonMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cannon Bold
1. Для того, чтобы установить шрифт Cannon Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CannonBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CannonBold";
src: url("../fonts/CannonBold/CannonBold.eot");
src: url("../fonts/CannonBold/CannonBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/CannonBold/CannonBold.woff") format("woff"),
url("../fonts/CannonBold/CannonBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cannon ExtraBold
1. Для того, чтобы установить шрифт Cannon ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CannonExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CannonExtraBold";
src: url("../fonts/CannonExtraBold/CannonExtraBold.eot");
src: url("../fonts/CannonExtraBold/CannonExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/CannonExtraBold/CannonExtraBold.woff") format("woff"),
url("../fonts/CannonExtraBold/CannonExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cannon Black
1. Для того, чтобы установить шрифт Cannon Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CannonBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CannonBlack";
src: url("../fonts/CannonBlack/CannonBlack.eot");
src: url("../fonts/CannonBlack/CannonBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/CannonBlack/CannonBlack.woff") format("woff"),
url("../fonts/CannonBlack/CannonBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cannon ThinItalic
1. Для того, чтобы установить шрифт Cannon ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CannonThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CannonThinItalic";
src: url("../fonts/CannonThinItalic/CannonThinItalic.eot");
src: url("../fonts/CannonThinItalic/CannonThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CannonThinItalic/CannonThinItalic.woff") format("woff"),
url("../fonts/CannonThinItalic/CannonThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cannon ExtraLightItalic
1. Для того, чтобы установить шрифт Cannon ExtraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CannonExtraLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CannonExtraLightItalic";
src: url("../fonts/CannonExtraLightItalic/CannonExtraLightItalic.eot");
src: url("../fonts/CannonExtraLightItalic/CannonExtraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CannonExtraLightItalic/CannonExtraLightItalic.woff") format("woff"),
url("../fonts/CannonExtraLightItalic/CannonExtraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cannon LightItalic
1. Для того, чтобы установить шрифт Cannon LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CannonLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CannonLightItalic";
src: url("../fonts/CannonLightItalic/CannonLightItalic.eot");
src: url("../fonts/CannonLightItalic/CannonLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CannonLightItalic/CannonLightItalic.woff") format("woff"),
url("../fonts/CannonLightItalic/CannonLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cannon MediumItalic
1. Для того, чтобы установить шрифт Cannon MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CannonMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CannonMediumItalic";
src: url("../fonts/CannonMediumItalic/CannonMediumItalic.eot");
src: url("../fonts/CannonMediumItalic/CannonMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CannonMediumItalic/CannonMediumItalic.woff") format("woff"),
url("../fonts/CannonMediumItalic/CannonMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cannon BoldItalic
1. Для того, чтобы установить шрифт Cannon BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CannonBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CannonBoldItalic";
src: url("../fonts/CannonBoldItalic/CannonBoldItalic.eot");
src: url("../fonts/CannonBoldItalic/CannonBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CannonBoldItalic/CannonBoldItalic.woff") format("woff"),
url("../fonts/CannonBoldItalic/CannonBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cannon ExtraBoldItalic
1. Для того, чтобы установить шрифт Cannon ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CannonExtraBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CannonExtraBoldItalic";
src: url("../fonts/CannonExtraBoldItalic/CannonExtraBoldItalic.eot");
src: url("../fonts/CannonExtraBoldItalic/CannonExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CannonExtraBoldItalic/CannonExtraBoldItalic.woff") format("woff"),
url("../fonts/CannonExtraBoldItalic/CannonExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cannon BlackItalic
1. Для того, чтобы установить шрифт Cannon BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CannonBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CannonBlackItalic";
src: url("../fonts/CannonBlackItalic/CannonBlackItalic.eot");
src: url("../fonts/CannonBlackItalic/CannonBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CannonBlackItalic/CannonBlackItalic.woff") format("woff"),
url("../fonts/CannonBlackItalic/CannonBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cannon Book
1. Для того, чтобы установить шрифт Cannon Book в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CannonBook /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CannonBook";
src: url("../fonts/CannonBook/CannonBook.eot");
src: url("../fonts/CannonBook/CannonBook.eot?#iefix")format("embedded-opentype"),
url("../fonts/CannonBook/CannonBook.woff") format("woff"),
url("../fonts/CannonBook/CannonBook.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cannon BookItalic
1. Для того, чтобы установить шрифт Cannon BookItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CannonBookItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CannonBookItalic";
src: url("../fonts/CannonBookItalic/CannonBookItalic.eot");
src: url("../fonts/CannonBookItalic/CannonBookItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CannonBookItalic/CannonBookItalic.woff") format("woff"),
url("../fonts/CannonBookItalic/CannonBookItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Cannon RegularItalic
1. Для того, чтобы установить шрифт Cannon RegularItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CannonRegularItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CannonRegularItalic";
src: url("../fonts/CannonRegularItalic/CannonRegularItalic.eot");
src: url("../fonts/CannonRegularItalic/CannonRegularItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/CannonRegularItalic/CannonRegularItalic.woff") format("woff"),
url("../fonts/CannonRegularItalic/CannonRegularItalic.ttf") format("truetype");
font-style: italic;
font-weight: 400;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!