Шрифт ITC Avant Garde Gothic
На нашем сайте, вы можете скачать шрифт ITC Avant Garde Gothic для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ITCAvantGardeGothic BoldCn
1. Для того, чтобы установить шрифт ITCAvantGardeGothic BoldCn в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ITCAvantGardeGothicBoldCn /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ITCAvantGardeGothicBoldCn";
src: url("../fonts/ITCAvantGardeGothicBoldCn/ITCAvantGardeGothicBoldCn.eot");
src: url("../fonts/ITCAvantGardeGothicBoldCn/ITCAvantGardeGothicBoldCn.eot?#iefix")format("embedded-opentype"),
url("../fonts/ITCAvantGardeGothicBoldCn/ITCAvantGardeGothicBoldCn.woff") format("woff"),
url("../fonts/ITCAvantGardeGothicBoldCn/ITCAvantGardeGothicBoldCn.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ITCAvantGardeGothic BkCnObl
1. Для того, чтобы установить шрифт ITCAvantGardeGothic BkCnObl в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ITCAvantGardeGothicBkCnObl /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ITCAvantGardeGothicBkCnObl";
src: url("../fonts/ITCAvantGardeGothicBkCnObl/ITCAvantGardeGothicBkCnObl.eot");
src: url("../fonts/ITCAvantGardeGothicBkCnObl/ITCAvantGardeGothicBkCnObl.eot?#iefix")format("embedded-opentype"),
url("../fonts/ITCAvantGardeGothicBkCnObl/ITCAvantGardeGothicBkCnObl.woff") format("woff"),
url("../fonts/ITCAvantGardeGothicBkCnObl/ITCAvantGardeGothicBkCnObl.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ITCAvantGardeGothic BkObl
1. Для того, чтобы установить шрифт ITCAvantGardeGothic BkObl в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ITCAvantGardeGothicBkObl /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ITCAvantGardeGothicBkObl";
src: url("../fonts/ITCAvantGardeGothicBkObl/ITCAvantGardeGothicBkObl.eot");
src: url("../fonts/ITCAvantGardeGothicBkObl/ITCAvantGardeGothicBkObl.eot?#iefix")format("embedded-opentype"),
url("../fonts/ITCAvantGardeGothicBkObl/ITCAvantGardeGothicBkObl.woff") format("woff"),
url("../fonts/ITCAvantGardeGothicBkObl/ITCAvantGardeGothicBkObl.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ITCAvantGardeGothic BkCn
1. Для того, чтобы установить шрифт ITCAvantGardeGothic BkCn в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ITCAvantGardeGothicBkCn /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ITCAvantGardeGothicBkCn";
src: url("../fonts/ITCAvantGardeGothicBkCn/ITCAvantGardeGothicBkCn.eot");
src: url("../fonts/ITCAvantGardeGothicBkCn/ITCAvantGardeGothicBkCn.eot?#iefix")format("embedded-opentype"),
url("../fonts/ITCAvantGardeGothicBkCn/ITCAvantGardeGothicBkCn.woff") format("woff"),
url("../fonts/ITCAvantGardeGothicBkCn/ITCAvantGardeGothicBkCn.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ITCAvantGardeGothic Demi
1. Для того, чтобы установить шрифт ITCAvantGardeGothic Demi в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ITCAvantGardeGothicDemi /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ITCAvantGardeGothicDemi";
src: url("../fonts/ITCAvantGardeGothicDemi/ITCAvantGardeGothicDemi.eot");
src: url("../fonts/ITCAvantGardeGothicDemi/ITCAvantGardeGothicDemi.eot?#iefix")format("embedded-opentype"),
url("../fonts/ITCAvantGardeGothicDemi/ITCAvantGardeGothicDemi.woff") format("woff"),
url("../fonts/ITCAvantGardeGothicDemi/ITCAvantGardeGothicDemi.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ITCAvantGardeGothic MdCnObl
1. Для того, чтобы установить шрифт ITCAvantGardeGothic MdCnObl в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ITCAvantGardeGothicMdCnObl /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ITCAvantGardeGothicMdCnObl";
src: url("../fonts/ITCAvantGardeGothicMdCnObl/ITCAvantGardeGothicMdCnObl.eot");
src: url("../fonts/ITCAvantGardeGothicMdCnObl/ITCAvantGardeGothicMdCnObl.eot?#iefix")format("embedded-opentype"),
url("../fonts/ITCAvantGardeGothicMdCnObl/ITCAvantGardeGothicMdCnObl.woff") format("woff"),
url("../fonts/ITCAvantGardeGothicMdCnObl/ITCAvantGardeGothicMdCnObl.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ITCAvantGardeGothic BoldObl
1. Для того, чтобы установить шрифт ITCAvantGardeGothic BoldObl в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ITCAvantGardeGothicBoldObl /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ITCAvantGardeGothicBoldObl";
src: url("../fonts/ITCAvantGardeGothicBoldObl/ITCAvantGardeGothicBoldObl.eot");
src: url("../fonts/ITCAvantGardeGothicBoldObl/ITCAvantGardeGothicBoldObl.eot?#iefix")format("embedded-opentype"),
url("../fonts/ITCAvantGardeGothicBoldObl/ITCAvantGardeGothicBoldObl.woff") format("woff"),
url("../fonts/ITCAvantGardeGothicBoldObl/ITCAvantGardeGothicBoldObl.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ITCAvantGardeGothic MdObl
1. Для того, чтобы установить шрифт ITCAvantGardeGothic MdObl в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ITCAvantGardeGothicMdObl /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ITCAvantGardeGothicMdObl";
src: url("../fonts/ITCAvantGardeGothicMdObl/ITCAvantGardeGothicMdObl.eot");
src: url("../fonts/ITCAvantGardeGothicMdObl/ITCAvantGardeGothicMdObl.eot?#iefix")format("embedded-opentype"),
url("../fonts/ITCAvantGardeGothicMdObl/ITCAvantGardeGothicMdObl.woff") format("woff"),
url("../fonts/ITCAvantGardeGothicMdObl/ITCAvantGardeGothicMdObl.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ITCAvantGardeGothic Bk
1. Для того, чтобы установить шрифт ITCAvantGardeGothic Bk в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ITCAvantGardeGothicBk /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ITCAvantGardeGothicBk";
src: url("../fonts/ITCAvantGardeGothicBk/ITCAvantGardeGothicBk.eot");
src: url("../fonts/ITCAvantGardeGothicBk/ITCAvantGardeGothicBk.eot?#iefix")format("embedded-opentype"),
url("../fonts/ITCAvantGardeGothicBk/ITCAvantGardeGothicBk.woff") format("woff"),
url("../fonts/ITCAvantGardeGothicBk/ITCAvantGardeGothicBk.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ITCAvantGardeGothic MdCn
1. Для того, чтобы установить шрифт ITCAvantGardeGothic MdCn в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ITCAvantGardeGothicMdCn /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ITCAvantGardeGothicMdCn";
src: url("../fonts/ITCAvantGardeGothicMdCn/ITCAvantGardeGothicMdCn.eot");
src: url("../fonts/ITCAvantGardeGothicMdCn/ITCAvantGardeGothicMdCn.eot?#iefix")format("embedded-opentype"),
url("../fonts/ITCAvantGardeGothicMdCn/ITCAvantGardeGothicMdCn.woff") format("woff"),
url("../fonts/ITCAvantGardeGothicMdCn/ITCAvantGardeGothicMdCn.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ITCAvantGardeGothic Md
1. Для того, чтобы установить шрифт ITCAvantGardeGothic Md в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ITCAvantGardeGothicMd /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ITCAvantGardeGothicMd";
src: url("../fonts/ITCAvantGardeGothicMd/ITCAvantGardeGothicMd.eot");
src: url("../fonts/ITCAvantGardeGothicMd/ITCAvantGardeGothicMd.eot?#iefix")format("embedded-opentype"),
url("../fonts/ITCAvantGardeGothicMd/ITCAvantGardeGothicMd.woff") format("woff"),
url("../fonts/ITCAvantGardeGothicMd/ITCAvantGardeGothicMd.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ITCAvantGardeGothic DemiCnObl
1. Для того, чтобы установить шрифт ITCAvantGardeGothic DemiCnObl в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ITCAvantGardeGothicDemiCnObl /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ITCAvantGardeGothicDemiCnObl";
src: url("../fonts/ITCAvantGardeGothicDemiCnObl/ITCAvantGardeGothicDemiCnObl.eot");
src: url("../fonts/ITCAvantGardeGothicDemiCnObl/ITCAvantGardeGothicDemiCnObl.eot?#iefix")format("embedded-opentype"),
url("../fonts/ITCAvantGardeGothicDemiCnObl/ITCAvantGardeGothicDemiCnObl.woff") format("woff"),
url("../fonts/ITCAvantGardeGothicDemiCnObl/ITCAvantGardeGothicDemiCnObl.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ITCAvantGardeGothic XLt
1. Для того, чтобы установить шрифт ITCAvantGardeGothic XLt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ITCAvantGardeGothicXLt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ITCAvantGardeGothicXLt";
src: url("../fonts/ITCAvantGardeGothicXLt/ITCAvantGardeGothicXLt.eot");
src: url("../fonts/ITCAvantGardeGothicXLt/ITCAvantGardeGothicXLt.eot?#iefix")format("embedded-opentype"),
url("../fonts/ITCAvantGardeGothicXLt/ITCAvantGardeGothicXLt.woff") format("woff"),
url("../fonts/ITCAvantGardeGothicXLt/ITCAvantGardeGothicXLt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ITCAvantGardeGothic DemiObl
1. Для того, чтобы установить шрифт ITCAvantGardeGothic DemiObl в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ITCAvantGardeGothicDemiObl /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ITCAvantGardeGothicDemiObl";
src: url("../fonts/ITCAvantGardeGothicDemiObl/ITCAvantGardeGothicDemiObl.eot");
src: url("../fonts/ITCAvantGardeGothicDemiObl/ITCAvantGardeGothicDemiObl.eot?#iefix")format("embedded-opentype"),
url("../fonts/ITCAvantGardeGothicDemiObl/ITCAvantGardeGothicDemiObl.woff") format("woff"),
url("../fonts/ITCAvantGardeGothicDemiObl/ITCAvantGardeGothicDemiObl.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ITCAvantGardeGothic XLtCn
1. Для того, чтобы установить шрифт ITCAvantGardeGothic XLtCn в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ITCAvantGardeGothicXLtCn /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ITCAvantGardeGothicXLtCn";
src: url("../fonts/ITCAvantGardeGothicXLtCn/ITCAvantGardeGothicXLtCn.eot");
src: url("../fonts/ITCAvantGardeGothicXLtCn/ITCAvantGardeGothicXLtCn.eot?#iefix")format("embedded-opentype"),
url("../fonts/ITCAvantGardeGothicXLtCn/ITCAvantGardeGothicXLtCn.woff") format("woff"),
url("../fonts/ITCAvantGardeGothicXLtCn/ITCAvantGardeGothicXLtCn.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ITCAvantGardeGothic DemiCn
1. Для того, чтобы установить шрифт ITCAvantGardeGothic DemiCn в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ITCAvantGardeGothicDemiCn /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ITCAvantGardeGothicDemiCn";
src: url("../fonts/ITCAvantGardeGothicDemiCn/ITCAvantGardeGothicDemiCn.eot");
src: url("../fonts/ITCAvantGardeGothicDemiCn/ITCAvantGardeGothicDemiCn.eot?#iefix")format("embedded-opentype"),
url("../fonts/ITCAvantGardeGothicDemiCn/ITCAvantGardeGothicDemiCn.woff") format("woff"),
url("../fonts/ITCAvantGardeGothicDemiCn/ITCAvantGardeGothicDemiCn.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ITCAvantGardeGothic XLtObl
1. Для того, чтобы установить шрифт ITCAvantGardeGothic XLtObl в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ITCAvantGardeGothicXLtObl /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ITCAvantGardeGothicXLtObl";
src: url("../fonts/ITCAvantGardeGothicXLtObl/ITCAvantGardeGothicXLtObl.eot");
src: url("../fonts/ITCAvantGardeGothicXLtObl/ITCAvantGardeGothicXLtObl.eot?#iefix")format("embedded-opentype"),
url("../fonts/ITCAvantGardeGothicXLtObl/ITCAvantGardeGothicXLtObl.woff") format("woff"),
url("../fonts/ITCAvantGardeGothicXLtObl/ITCAvantGardeGothicXLtObl.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ITCAvantGardeGothic BoldCnObl
1. Для того, чтобы установить шрифт ITCAvantGardeGothic BoldCnObl в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ITCAvantGardeGothicBoldCnObl /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ITCAvantGardeGothicBoldCnObl";
src: url("../fonts/ITCAvantGardeGothicBoldCnObl/ITCAvantGardeGothicBoldCnObl.eot");
src: url("../fonts/ITCAvantGardeGothicBoldCnObl/ITCAvantGardeGothicBoldCnObl.eot?#iefix")format("embedded-opentype"),
url("../fonts/ITCAvantGardeGothicBoldCnObl/ITCAvantGardeGothicBoldCnObl.woff") format("woff"),
url("../fonts/ITCAvantGardeGothicBoldCnObl/ITCAvantGardeGothicBoldCnObl.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ITCAvantGardeGothic XLtCnObl
1. Для того, чтобы установить шрифт ITCAvantGardeGothic XLtCnObl в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ITCAvantGardeGothicXLtCnObl /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ITCAvantGardeGothicXLtCnObl";
src: url("../fonts/ITCAvantGardeGothicXLtCnObl/ITCAvantGardeGothicXLtCnObl.eot");
src: url("../fonts/ITCAvantGardeGothicXLtCnObl/ITCAvantGardeGothicXLtCnObl.eot?#iefix")format("embedded-opentype"),
url("../fonts/ITCAvantGardeGothicXLtCnObl/ITCAvantGardeGothicXLtCnObl.woff") format("woff"),
url("../fonts/ITCAvantGardeGothicXLtCnObl/ITCAvantGardeGothicXLtCnObl.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ITCAvantGardeGothic Bold
1. Для того, чтобы установить шрифт ITCAvantGardeGothic Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ITCAvantGardeGothicBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ITCAvantGardeGothicBold";
src: url("../fonts/ITCAvantGardeGothicBold/ITCAvantGardeGothicBold.eot");
src: url("../fonts/ITCAvantGardeGothicBold/ITCAvantGardeGothicBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/ITCAvantGardeGothicBold/ITCAvantGardeGothicBold.woff") format("woff"),
url("../fonts/ITCAvantGardeGothicBold/ITCAvantGardeGothicBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!