Шрифт Vantagram
На нашем сайте, вы можете скачать шрифт Vantagram для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Vantagram Rough
1. Для того, чтобы установить шрифт Vantagram Rough в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /VantagramRough /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "VantagramRough";
src: url("../fonts/VantagramRough/VantagramRough.eot");
src: url("../fonts/VantagramRough/VantagramRough.eot?#iefix")format("embedded-opentype"),
url("../fonts/VantagramRough/VantagramRough.woff") format("woff"),
url("../fonts/VantagramRough/VantagramRough.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Vantagram ROUND
1. Для того, чтобы установить шрифт Vantagram ROUND в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /VantagramROUND /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "VantagramROUND";
src: url("../fonts/VantagramROUND/VantagramROUND.eot");
src: url("../fonts/VantagramROUND/VantagramROUND.eot?#iefix")format("embedded-opentype"),
url("../fonts/VantagramROUND/VantagramROUND.woff") format("woff"),
url("../fonts/VantagramROUND/VantagramROUND.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Vantagram RoughItalic
1. Для того, чтобы установить шрифт Vantagram RoughItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /VantagramRoughItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "VantagramRoughItalic";
src: url("../fonts/VantagramRoughItalic/VantagramRoughItalic.eot");
src: url("../fonts/VantagramRoughItalic/VantagramRoughItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/VantagramRoughItalic/VantagramRoughItalic.woff") format("woff"),
url("../fonts/VantagramRoughItalic/VantagramRoughItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Vantagram RoundedItalic
1. Для того, чтобы установить шрифт Vantagram RoundedItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /VantagramRoundedItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "VantagramRoundedItalic";
src: url("../fonts/VantagramRoundedItalic/VantagramRoundedItalic.eot");
src: url("../fonts/VantagramRoundedItalic/VantagramRoundedItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/VantagramRoundedItalic/VantagramRoundedItalic.woff") format("woff"),
url("../fonts/VantagramRoundedItalic/VantagramRoundedItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Vantagram RoundItalic
1. Для того, чтобы установить шрифт Vantagram RoundItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /VantagramRoundItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "VantagramRoundItalic";
src: url("../fonts/VantagramRoundItalic/VantagramRoundItalic.eot");
src: url("../fonts/VantagramRoundItalic/VantagramRoundItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/VantagramRoundItalic/VantagramRoundItalic.woff") format("woff"),
url("../fonts/VantagramRoundItalic/VantagramRoundItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Vantagram Blotchy
1. Для того, чтобы установить шрифт Vantagram Blotchy в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /VantagramBlotchy /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "VantagramBlotchy";
src: url("../fonts/VantagramBlotchy/VantagramBlotchy.eot");
src: url("../fonts/VantagramBlotchy/VantagramBlotchy.eot?#iefix")format("embedded-opentype"),
url("../fonts/VantagramBlotchy/VantagramBlotchy.woff") format("woff"),
url("../fonts/VantagramBlotchy/VantagramBlotchy.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Vantagram BlotchyItalic
1. Для того, чтобы установить шрифт Vantagram BlotchyItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /VantagramBlotchyItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "VantagramBlotchyItalic";
src: url("../fonts/VantagramBlotchyItalic/VantagramBlotchyItalic.eot");
src: url("../fonts/VantagramBlotchyItalic/VantagramBlotchyItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/VantagramBlotchyItalic/VantagramBlotchyItalic.woff") format("woff"),
url("../fonts/VantagramBlotchyItalic/VantagramBlotchyItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Vantagram Regular
1. Для того, чтобы установить шрифт Vantagram Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /VantagramRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "VantagramRegular";
src: url("../fonts/VantagramRegular/VantagramRegular.eot");
src: url("../fonts/VantagramRegular/VantagramRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/VantagramRegular/VantagramRegular.woff") format("woff"),
url("../fonts/VantagramRegular/VantagramRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Vantagram Italic
1. Для того, чтобы установить шрифт Vantagram Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /VantagramItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "VantagramItalic";
src: url("../fonts/VantagramItalic/VantagramItalic.eot");
src: url("../fonts/VantagramItalic/VantagramItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/VantagramItalic/VantagramItalic.woff") format("woff"),
url("../fonts/VantagramItalic/VantagramItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Vantagram Rounded
1. Для того, чтобы установить шрифт Vantagram Rounded в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /VantagramRounded /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "VantagramRounded";
src: url("../fonts/VantagramRounded/VantagramRounded.eot");
src: url("../fonts/VantagramRounded/VantagramRounded.eot?#iefix")format("embedded-opentype"),
url("../fonts/VantagramRounded/VantagramRounded.woff") format("woff"),
url("../fonts/VantagramRounded/VantagramRounded.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!