Шрифт Abrade
На нашем сайте, вы можете скачать шрифт Abrade для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Abrade Extrablack
1. Для того, чтобы установить шрифт Abrade Extrablack в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AbradeExtrablack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AbradeExtrablack";
src: url("../fonts/AbradeExtrablack/AbradeExtrablack.eot");
src: url("../fonts/AbradeExtrablack/AbradeExtrablack.eot?#iefix")format("embedded-opentype"),
url("../fonts/AbradeExtrablack/AbradeExtrablack.woff") format("woff"),
url("../fonts/AbradeExtrablack/AbradeExtrablack.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Abrade ExtrablackItalic
1. Для того, чтобы установить шрифт Abrade ExtrablackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AbradeExtrablackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AbradeExtrablackItalic";
src: url("../fonts/AbradeExtrablackItalic/AbradeExtrablackItalic.eot");
src: url("../fonts/AbradeExtrablackItalic/AbradeExtrablackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AbradeExtrablackItalic/AbradeExtrablackItalic.woff") format("woff"),
url("../fonts/AbradeExtrablackItalic/AbradeExtrablackItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Abrade ExtraThin
1. Для того, чтобы установить шрифт Abrade ExtraThin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AbradeExtraThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AbradeExtraThin";
src: url("../fonts/AbradeExtraThin/AbradeExtraThin.eot");
src: url("../fonts/AbradeExtraThin/AbradeExtraThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/AbradeExtraThin/AbradeExtraThin.woff") format("woff"),
url("../fonts/AbradeExtraThin/AbradeExtraThin.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Abrade ItalicExtraThin
1. Для того, чтобы установить шрифт Abrade ItalicExtraThin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AbradeItalicExtraThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AbradeItalicExtraThin";
src: url("../fonts/AbradeItalicExtraThin/AbradeItalicExtraThin.eot");
src: url("../fonts/AbradeItalicExtraThin/AbradeItalicExtraThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/AbradeItalicExtraThin/AbradeItalicExtraThin.woff") format("woff"),
url("../fonts/AbradeItalicExtraThin/AbradeItalicExtraThin.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Abrade Thin
1. Для того, чтобы установить шрифт Abrade Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AbradeThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AbradeThin";
src: url("../fonts/AbradeThin/AbradeThin.eot");
src: url("../fonts/AbradeThin/AbradeThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/AbradeThin/AbradeThin.woff") format("woff"),
url("../fonts/AbradeThin/AbradeThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Abrade ExtraLight
1. Для того, чтобы установить шрифт Abrade ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AbradeExtraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AbradeExtraLight";
src: url("../fonts/AbradeExtraLight/AbradeExtraLight.eot");
src: url("../fonts/AbradeExtraLight/AbradeExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/AbradeExtraLight/AbradeExtraLight.woff") format("woff"),
url("../fonts/AbradeExtraLight/AbradeExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Abrade SemiLight
1. Для того, чтобы установить шрифт Abrade SemiLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AbradeSemiLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AbradeSemiLight";
src: url("../fonts/AbradeSemiLight/AbradeSemiLight.eot");
src: url("../fonts/AbradeSemiLight/AbradeSemiLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/AbradeSemiLight/AbradeSemiLight.woff") format("woff"),
url("../fonts/AbradeSemiLight/AbradeSemiLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Abrade Light
1. Для того, чтобы установить шрифт Abrade Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AbradeLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AbradeLight";
src: url("../fonts/AbradeLight/AbradeLight.eot");
src: url("../fonts/AbradeLight/AbradeLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/AbradeLight/AbradeLight.woff") format("woff"),
url("../fonts/AbradeLight/AbradeLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Abrade Regular
1. Для того, чтобы установить шрифт Abrade Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AbradeRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AbradeRegular";
src: url("../fonts/AbradeRegular/AbradeRegular.eot");
src: url("../fonts/AbradeRegular/AbradeRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/AbradeRegular/AbradeRegular.woff") format("woff"),
url("../fonts/AbradeRegular/AbradeRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Abrade Medium
1. Для того, чтобы установить шрифт Abrade Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AbradeMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AbradeMedium";
src: url("../fonts/AbradeMedium/AbradeMedium.eot");
src: url("../fonts/AbradeMedium/AbradeMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/AbradeMedium/AbradeMedium.woff") format("woff"),
url("../fonts/AbradeMedium/AbradeMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Abrade SemiBold
1. Для того, чтобы установить шрифт Abrade SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AbradeSemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AbradeSemiBold";
src: url("../fonts/AbradeSemiBold/AbradeSemiBold.eot");
src: url("../fonts/AbradeSemiBold/AbradeSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/AbradeSemiBold/AbradeSemiBold.woff") format("woff"),
url("../fonts/AbradeSemiBold/AbradeSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Abrade Bold
1. Для того, чтобы установить шрифт Abrade Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AbradeBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AbradeBold";
src: url("../fonts/AbradeBold/AbradeBold.eot");
src: url("../fonts/AbradeBold/AbradeBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/AbradeBold/AbradeBold.woff") format("woff"),
url("../fonts/AbradeBold/AbradeBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Abrade ExtraBold
1. Для того, чтобы установить шрифт Abrade ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AbradeExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AbradeExtraBold";
src: url("../fonts/AbradeExtraBold/AbradeExtraBold.eot");
src: url("../fonts/AbradeExtraBold/AbradeExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/AbradeExtraBold/AbradeExtraBold.woff") format("woff"),
url("../fonts/AbradeExtraBold/AbradeExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Abrade Black
1. Для того, чтобы установить шрифт Abrade Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AbradeBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AbradeBlack";
src: url("../fonts/AbradeBlack/AbradeBlack.eot");
src: url("../fonts/AbradeBlack/AbradeBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/AbradeBlack/AbradeBlack.woff") format("woff"),
url("../fonts/AbradeBlack/AbradeBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Abrade ThinItalic
1. Для того, чтобы установить шрифт Abrade ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AbradeThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AbradeThinItalic";
src: url("../fonts/AbradeThinItalic/AbradeThinItalic.eot");
src: url("../fonts/AbradeThinItalic/AbradeThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AbradeThinItalic/AbradeThinItalic.woff") format("woff"),
url("../fonts/AbradeThinItalic/AbradeThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Abrade ExtraLightItalic
1. Для того, чтобы установить шрифт Abrade ExtraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AbradeExtraLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AbradeExtraLightItalic";
src: url("../fonts/AbradeExtraLightItalic/AbradeExtraLightItalic.eot");
src: url("../fonts/AbradeExtraLightItalic/AbradeExtraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AbradeExtraLightItalic/AbradeExtraLightItalic.woff") format("woff"),
url("../fonts/AbradeExtraLightItalic/AbradeExtraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Abrade LightItalic
1. Для того, чтобы установить шрифт Abrade LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AbradeLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AbradeLightItalic";
src: url("../fonts/AbradeLightItalic/AbradeLightItalic.eot");
src: url("../fonts/AbradeLightItalic/AbradeLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AbradeLightItalic/AbradeLightItalic.woff") format("woff"),
url("../fonts/AbradeLightItalic/AbradeLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Abrade SemiLightItalic
1. Для того, чтобы установить шрифт Abrade SemiLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AbradeSemiLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AbradeSemiLightItalic";
src: url("../fonts/AbradeSemiLightItalic/AbradeSemiLightItalic.eot");
src: url("../fonts/AbradeSemiLightItalic/AbradeSemiLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AbradeSemiLightItalic/AbradeSemiLightItalic.woff") format("woff"),
url("../fonts/AbradeSemiLightItalic/AbradeSemiLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Abrade Italic
1. Для того, чтобы установить шрифт Abrade Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AbradeItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AbradeItalic";
src: url("../fonts/AbradeItalic/AbradeItalic.eot");
src: url("../fonts/AbradeItalic/AbradeItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AbradeItalic/AbradeItalic.woff") format("woff"),
url("../fonts/AbradeItalic/AbradeItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Abrade MediumItalic
1. Для того, чтобы установить шрифт Abrade MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AbradeMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AbradeMediumItalic";
src: url("../fonts/AbradeMediumItalic/AbradeMediumItalic.eot");
src: url("../fonts/AbradeMediumItalic/AbradeMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AbradeMediumItalic/AbradeMediumItalic.woff") format("woff"),
url("../fonts/AbradeMediumItalic/AbradeMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Abrade BoldItalic
1. Для того, чтобы установить шрифт Abrade BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AbradeBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AbradeBoldItalic";
src: url("../fonts/AbradeBoldItalic/AbradeBoldItalic.eot");
src: url("../fonts/AbradeBoldItalic/AbradeBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AbradeBoldItalic/AbradeBoldItalic.woff") format("woff"),
url("../fonts/AbradeBoldItalic/AbradeBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Abrade SemiBoldItalic
1. Для того, чтобы установить шрифт Abrade SemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AbradeSemiBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AbradeSemiBoldItalic";
src: url("../fonts/AbradeSemiBoldItalic/AbradeSemiBoldItalic.eot");
src: url("../fonts/AbradeSemiBoldItalic/AbradeSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AbradeSemiBoldItalic/AbradeSemiBoldItalic.woff") format("woff"),
url("../fonts/AbradeSemiBoldItalic/AbradeSemiBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Abrade ExtraBoldItalic
1. Для того, чтобы установить шрифт Abrade ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AbradeExtraBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AbradeExtraBoldItalic";
src: url("../fonts/AbradeExtraBoldItalic/AbradeExtraBoldItalic.eot");
src: url("../fonts/AbradeExtraBoldItalic/AbradeExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AbradeExtraBoldItalic/AbradeExtraBoldItalic.woff") format("woff"),
url("../fonts/AbradeExtraBoldItalic/AbradeExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Abrade BlackItalic
1. Для того, чтобы установить шрифт Abrade BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /AbradeBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "AbradeBlackItalic";
src: url("../fonts/AbradeBlackItalic/AbradeBlackItalic.eot");
src: url("../fonts/AbradeBlackItalic/AbradeBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/AbradeBlackItalic/AbradeBlackItalic.woff") format("woff"),
url("../fonts/AbradeBlackItalic/AbradeBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!