Шрифт Cisco Sans
На нашем сайте, вы можете скачать шрифт Cisco Sans для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CiscoSans BoldOblique
1. Для того, чтобы установить шрифт CiscoSans BoldOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CiscoSansBoldOblique /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CiscoSansBoldOblique";
src: url("../fonts/CiscoSansBoldOblique/CiscoSansBoldOblique.eot");
src: url("../fonts/CiscoSansBoldOblique/CiscoSansBoldOblique.eot?#iefix")format("embedded-opentype"),
url("../fonts/CiscoSansBoldOblique/CiscoSansBoldOblique.woff") format("woff"),
url("../fonts/CiscoSansBoldOblique/CiscoSansBoldOblique.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CiscoSans Oblique
1. Для того, чтобы установить шрифт CiscoSans Oblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CiscoSansOblique /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CiscoSansOblique";
src: url("../fonts/CiscoSansOblique/CiscoSansOblique.eot");
src: url("../fonts/CiscoSansOblique/CiscoSansOblique.eot?#iefix")format("embedded-opentype"),
url("../fonts/CiscoSansOblique/CiscoSansOblique.woff") format("woff"),
url("../fonts/CiscoSansOblique/CiscoSansOblique.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CiscoSans HeavyOblique
1. Для того, чтобы установить шрифт CiscoSans HeavyOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CiscoSansHeavyOblique /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CiscoSansHeavyOblique";
src: url("../fonts/CiscoSansHeavyOblique/CiscoSansHeavyOblique.eot");
src: url("../fonts/CiscoSansHeavyOblique/CiscoSansHeavyOblique.eot?#iefix")format("embedded-opentype"),
url("../fonts/CiscoSansHeavyOblique/CiscoSansHeavyOblique.woff") format("woff"),
url("../fonts/CiscoSansHeavyOblique/CiscoSansHeavyOblique.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CiscoSans ThinOblique
1. Для того, чтобы установить шрифт CiscoSans ThinOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CiscoSansThinOblique /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CiscoSansThinOblique";
src: url("../fonts/CiscoSansThinOblique/CiscoSansThinOblique.eot");
src: url("../fonts/CiscoSansThinOblique/CiscoSansThinOblique.eot?#iefix")format("embedded-opentype"),
url("../fonts/CiscoSansThinOblique/CiscoSansThinOblique.woff") format("woff"),
url("../fonts/CiscoSansThinOblique/CiscoSansThinOblique.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CiscoSans ExtraLightOblique
1. Для того, чтобы установить шрифт CiscoSans ExtraLightOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CiscoSansExtraLightOblique /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CiscoSansExtraLightOblique";
src: url("../fonts/CiscoSansExtraLightOblique/CiscoSansExtraLightOblique.eot");
src: url("../fonts/CiscoSansExtraLightOblique/CiscoSansExtraLightOblique.eot?#iefix")format("embedded-opentype"),
url("../fonts/CiscoSansExtraLightOblique/CiscoSansExtraLightOblique.woff") format("woff"),
url("../fonts/CiscoSansExtraLightOblique/CiscoSansExtraLightOblique.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CiscoSans Thin
1. Для того, чтобы установить шрифт CiscoSans Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CiscoSansThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CiscoSansThin";
src: url("../fonts/CiscoSansThin/CiscoSansThin.eot");
src: url("../fonts/CiscoSansThin/CiscoSansThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/CiscoSansThin/CiscoSansThin.woff") format("woff"),
url("../fonts/CiscoSansThin/CiscoSansThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CiscoSans ExtraLight
1. Для того, чтобы установить шрифт CiscoSans ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CiscoSansExtraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CiscoSansExtraLight";
src: url("../fonts/CiscoSansExtraLight/CiscoSansExtraLight.eot");
src: url("../fonts/CiscoSansExtraLight/CiscoSansExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/CiscoSansExtraLight/CiscoSansExtraLight.woff") format("woff"),
url("../fonts/CiscoSansExtraLight/CiscoSansExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CiscoSans Bold
1. Для того, чтобы установить шрифт CiscoSans Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CiscoSansBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CiscoSansBold";
src: url("../fonts/CiscoSansBold/CiscoSansBold.eot");
src: url("../fonts/CiscoSansBold/CiscoSansBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/CiscoSansBold/CiscoSansBold.woff") format("woff"),
url("../fonts/CiscoSansBold/CiscoSansBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт CiscoSans Heavy
1. Для того, чтобы установить шрифт CiscoSans Heavy в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /CiscoSansHeavy /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "CiscoSansHeavy";
src: url("../fonts/CiscoSansHeavy/CiscoSansHeavy.eot");
src: url("../fonts/CiscoSansHeavy/CiscoSansHeavy.eot?#iefix")format("embedded-opentype"),
url("../fonts/CiscoSansHeavy/CiscoSansHeavy.woff") format("woff"),
url("../fonts/CiscoSansHeavy/CiscoSansHeavy.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!