Andryushkin.ru
Блог им. alex-borisi (Александра Андрюшкина)
Категории:

Шрифт Attractive

На нашем сайте, вы можете скачать шрифт Attractive для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.

HairlineHairlineItalicThinUltraLightItalicExtraLightSemiLightLightRegularMediumSemiBoldUltraLightBoldExtraBoldBlackThinItalicExtraLightItalicLightItalicSemiLightItalicItalicMediumItalicBoldItalicSemiBoldItalicExtraBoldItalicBlackItalicHeavyHeavyItalic
Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

Как установить шрифт Attractive Hairline

1. Для того, чтобы установить шрифт Attractive Hairline в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveHairline

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveHairline";
    src: url("../fonts/AttractiveHairline/AttractiveHairline.eot");
    src: url("../fonts/AttractiveHairline/AttractiveHairline.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveHairline/AttractiveHairline.woff") format("woff"),
    url("../fonts/AttractiveHairline/AttractiveHairline.ttf") format("truetype");
    font-style: normal;
    font-weight: 100;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=

Как установить шрифт Attractive HairlineItalic

1. Для того, чтобы установить шрифт Attractive HairlineItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveHairlineItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveHairlineItalic";
    src: url("../fonts/AttractiveHairlineItalic/AttractiveHairlineItalic.eot");
    src: url("../fonts/AttractiveHairlineItalic/AttractiveHairlineItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveHairlineItalic/AttractiveHairlineItalic.woff") format("woff"),
    url("../fonts/AttractiveHairlineItalic/AttractiveHairlineItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
AttractiveThin.ttf Eot Woff

Как установить шрифт Attractive Thin

1. Для того, чтобы установить шрифт Attractive Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveThin

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveThin";
    src: url("../fonts/AttractiveThin/AttractiveThin.eot");
    src: url("../fonts/AttractiveThin/AttractiveThin.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveThin/AttractiveThin.woff") format("woff"),
    url("../fonts/AttractiveThin/AttractiveThin.ttf") format("truetype");
    font-style: normal;
    font-weight: 100;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
AttractiveUltraLightItalic.ttf Eot Woff

Как установить шрифт Attractive UltraLightItalic

1. Для того, чтобы установить шрифт Attractive UltraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveUltraLightItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveUltraLightItalic";
    src: url("../fonts/AttractiveUltraLightItalic/AttractiveUltraLightItalic.eot");
    src: url("../fonts/AttractiveUltraLightItalic/AttractiveUltraLightItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveUltraLightItalic/AttractiveUltraLightItalic.woff") format("woff"),
    url("../fonts/AttractiveUltraLightItalic/AttractiveUltraLightItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
AttractiveExtraLight.ttf Eot Woff

Как установить шрифт Attractive ExtraLight

1. Для того, чтобы установить шрифт Attractive ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveExtraLight

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveExtraLight";
    src: url("../fonts/AttractiveExtraLight/AttractiveExtraLight.eot");
    src: url("../fonts/AttractiveExtraLight/AttractiveExtraLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveExtraLight/AttractiveExtraLight.woff") format("woff"),
    url("../fonts/AttractiveExtraLight/AttractiveExtraLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 200;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
AttractiveSemiLight.ttf Eot Woff

Как установить шрифт Attractive SemiLight

1. Для того, чтобы установить шрифт Attractive SemiLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveSemiLight

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveSemiLight";
    src: url("../fonts/AttractiveSemiLight/AttractiveSemiLight.eot");
    src: url("../fonts/AttractiveSemiLight/AttractiveSemiLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveSemiLight/AttractiveSemiLight.woff") format("woff"),
    url("../fonts/AttractiveSemiLight/AttractiveSemiLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
AttractiveLight.ttf Eot Woff

Как установить шрифт Attractive Light

1. Для того, чтобы установить шрифт Attractive Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveLight

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveLight";
    src: url("../fonts/AttractiveLight/AttractiveLight.eot");
    src: url("../fonts/AttractiveLight/AttractiveLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveLight/AttractiveLight.woff") format("woff"),
    url("../fonts/AttractiveLight/AttractiveLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
AttractiveRegular.ttf Eot Woff

Как установить шрифт Attractive Regular

1. Для того, чтобы установить шрифт Attractive Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveRegular

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveRegular";
    src: url("../fonts/AttractiveRegular/AttractiveRegular.eot");
    src: url("../fonts/AttractiveRegular/AttractiveRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveRegular/AttractiveRegular.woff") format("woff"),
    url("../fonts/AttractiveRegular/AttractiveRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
AttractiveMedium.ttf Eot Woff

Как установить шрифт Attractive Medium

1. Для того, чтобы установить шрифт Attractive Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveMedium

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveMedium";
    src: url("../fonts/AttractiveMedium/AttractiveMedium.eot");
    src: url("../fonts/AttractiveMedium/AttractiveMedium.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveMedium/AttractiveMedium.woff") format("woff"),
    url("../fonts/AttractiveMedium/AttractiveMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
AttractiveSemiBold.ttf Eot Woff

Как установить шрифт Attractive SemiBold

1. Для того, чтобы установить шрифт Attractive SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveSemiBold

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveSemiBold";
    src: url("../fonts/AttractiveSemiBold/AttractiveSemiBold.eot");
    src: url("../fonts/AttractiveSemiBold/AttractiveSemiBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveSemiBold/AttractiveSemiBold.woff") format("woff"),
    url("../fonts/AttractiveSemiBold/AttractiveSemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
AttractiveUltraLight.ttf Eot Woff

Как установить шрифт Attractive UltraLight

1. Для того, чтобы установить шрифт Attractive UltraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveUltraLight

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveUltraLight";
    src: url("../fonts/AttractiveUltraLight/AttractiveUltraLight.eot");
    src: url("../fonts/AttractiveUltraLight/AttractiveUltraLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveUltraLight/AttractiveUltraLight.woff") format("woff"),
    url("../fonts/AttractiveUltraLight/AttractiveUltraLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 200;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
AttractiveBold.ttf Eot Woff

Как установить шрифт Attractive Bold

1. Для того, чтобы установить шрифт Attractive Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveBold

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveBold";
    src: url("../fonts/AttractiveBold/AttractiveBold.eot");
    src: url("../fonts/AttractiveBold/AttractiveBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveBold/AttractiveBold.woff") format("woff"),
    url("../fonts/AttractiveBold/AttractiveBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
AttractiveExtraBold.ttf Eot Woff

Как установить шрифт Attractive ExtraBold

1. Для того, чтобы установить шрифт Attractive ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveExtraBold

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveExtraBold";
    src: url("../fonts/AttractiveExtraBold/AttractiveExtraBold.eot");
    src: url("../fonts/AttractiveExtraBold/AttractiveExtraBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveExtraBold/AttractiveExtraBold.woff") format("woff"),
    url("../fonts/AttractiveExtraBold/AttractiveExtraBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 800;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
AttractiveBlack.ttf Eot Woff

Как установить шрифт Attractive Black

1. Для того, чтобы установить шрифт Attractive Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveBlack

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveBlack";
    src: url("../fonts/AttractiveBlack/AttractiveBlack.eot");
    src: url("../fonts/AttractiveBlack/AttractiveBlack.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveBlack/AttractiveBlack.woff") format("woff"),
    url("../fonts/AttractiveBlack/AttractiveBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: 900;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
AttractiveThinItalic.ttf Eot Woff

Как установить шрифт Attractive ThinItalic

1. Для того, чтобы установить шрифт Attractive ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveThinItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveThinItalic";
    src: url("../fonts/AttractiveThinItalic/AttractiveThinItalic.eot");
    src: url("../fonts/AttractiveThinItalic/AttractiveThinItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveThinItalic/AttractiveThinItalic.woff") format("woff"),
    url("../fonts/AttractiveThinItalic/AttractiveThinItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 100;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
AttractiveExtraLightItalic.ttf Eot Woff

Как установить шрифт Attractive ExtraLightItalic

1. Для того, чтобы установить шрифт Attractive ExtraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveExtraLightItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveExtraLightItalic";
    src: url("../fonts/AttractiveExtraLightItalic/AttractiveExtraLightItalic.eot");
    src: url("../fonts/AttractiveExtraLightItalic/AttractiveExtraLightItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveExtraLightItalic/AttractiveExtraLightItalic.woff") format("woff"),
    url("../fonts/AttractiveExtraLightItalic/AttractiveExtraLightItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
AttractiveLightItalic.ttf Eot Woff

Как установить шрифт Attractive LightItalic

1. Для того, чтобы установить шрифт Attractive LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveLightItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveLightItalic";
    src: url("../fonts/AttractiveLightItalic/AttractiveLightItalic.eot");
    src: url("../fonts/AttractiveLightItalic/AttractiveLightItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveLightItalic/AttractiveLightItalic.woff") format("woff"),
    url("../fonts/AttractiveLightItalic/AttractiveLightItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
AttractiveSemiLightItalic.ttf Eot Woff

Как установить шрифт Attractive SemiLightItalic

1. Для того, чтобы установить шрифт Attractive SemiLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveSemiLightItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveSemiLightItalic";
    src: url("../fonts/AttractiveSemiLightItalic/AttractiveSemiLightItalic.eot");
    src: url("../fonts/AttractiveSemiLightItalic/AttractiveSemiLightItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveSemiLightItalic/AttractiveSemiLightItalic.woff") format("woff"),
    url("../fonts/AttractiveSemiLightItalic/AttractiveSemiLightItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
AttractiveItalic.ttf Eot Woff

Как установить шрифт Attractive Italic

1. Для того, чтобы установить шрифт Attractive Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveItalic";
    src: url("../fonts/AttractiveItalic/AttractiveItalic.eot");
    src: url("../fonts/AttractiveItalic/AttractiveItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveItalic/AttractiveItalic.woff") format("woff"),
    url("../fonts/AttractiveItalic/AttractiveItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
AttractiveMediumItalic.ttf Eot Woff

Как установить шрифт Attractive MediumItalic

1. Для того, чтобы установить шрифт Attractive MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveMediumItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveMediumItalic";
    src: url("../fonts/AttractiveMediumItalic/AttractiveMediumItalic.eot");
    src: url("../fonts/AttractiveMediumItalic/AttractiveMediumItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveMediumItalic/AttractiveMediumItalic.woff") format("woff"),
    url("../fonts/AttractiveMediumItalic/AttractiveMediumItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 500;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
AttractiveBoldItalic.ttf Eot Woff

Как установить шрифт Attractive BoldItalic

1. Для того, чтобы установить шрифт Attractive BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveBoldItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveBoldItalic";
    src: url("../fonts/AttractiveBoldItalic/AttractiveBoldItalic.eot");
    src: url("../fonts/AttractiveBoldItalic/AttractiveBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveBoldItalic/AttractiveBoldItalic.woff") format("woff"),
    url("../fonts/AttractiveBoldItalic/AttractiveBoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 700;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
AttractiveSemiBoldItalic.ttf Eot Woff

Как установить шрифт Attractive SemiBoldItalic

1. Для того, чтобы установить шрифт Attractive SemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveSemiBoldItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveSemiBoldItalic";
    src: url("../fonts/AttractiveSemiBoldItalic/AttractiveSemiBoldItalic.eot");
    src: url("../fonts/AttractiveSemiBoldItalic/AttractiveSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveSemiBoldItalic/AttractiveSemiBoldItalic.woff") format("woff"),
    url("../fonts/AttractiveSemiBoldItalic/AttractiveSemiBoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
AttractiveExtraBoldItalic.ttf Eot Woff

Как установить шрифт Attractive ExtraBoldItalic

1. Для того, чтобы установить шрифт Attractive ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveExtraBoldItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveExtraBoldItalic";
    src: url("../fonts/AttractiveExtraBoldItalic/AttractiveExtraBoldItalic.eot");
    src: url("../fonts/AttractiveExtraBoldItalic/AttractiveExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveExtraBoldItalic/AttractiveExtraBoldItalic.woff") format("woff"),
    url("../fonts/AttractiveExtraBoldItalic/AttractiveExtraBoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
AttractiveBlackItalic.ttf Eot Woff

Как установить шрифт Attractive BlackItalic

1. Для того, чтобы установить шрифт Attractive BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveBlackItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveBlackItalic";
    src: url("../fonts/AttractiveBlackItalic/AttractiveBlackItalic.eot");
    src: url("../fonts/AttractiveBlackItalic/AttractiveBlackItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveBlackItalic/AttractiveBlackItalic.woff") format("woff"),
    url("../fonts/AttractiveBlackItalic/AttractiveBlackItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 900;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
AttractiveHeavy.ttf Eot Woff

Как установить шрифт Attractive Heavy

1. Для того, чтобы установить шрифт Attractive Heavy в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveHeavy

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveHeavy";
    src: url("../fonts/AttractiveHeavy/AttractiveHeavy.eot");
    src: url("../fonts/AttractiveHeavy/AttractiveHeavy.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveHeavy/AttractiveHeavy.woff") format("woff"),
    url("../fonts/AttractiveHeavy/AttractiveHeavy.ttf") format("truetype");
    font-style: normal;
    font-weight: 900;
}

Съешь ещё этих мягких французских булок, да выпей же чаю.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
AttractiveHeavyItalic.ttf Eot Woff

Как установить шрифт Attractive HeavyItalic

1. Для того, чтобы установить шрифт Attractive HeavyItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.

Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
    /fonts (Шрифты из архива распаковываем в папку /fonts)
        /AttractiveHeavyItalic

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AttractiveHeavyItalic";
    src: url("../fonts/AttractiveHeavyItalic/AttractiveHeavyItalic.eot");
    src: url("../fonts/AttractiveHeavyItalic/AttractiveHeavyItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AttractiveHeavyItalic/AttractiveHeavyItalic.woff") format("woff"),
    url("../fonts/AttractiveHeavyItalic/AttractiveHeavyItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!

Вы можете скачать шрифт "Attractive" одним zip-архивом, со всеми вариантами начертаний.
Ваша коллекция ßeta
  • Ничего не добавлено
Скачать ZIP архивом WordPress плагином
Шрифты для сайта