Категории: Без категории

Шрифт Aspen

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

Thin UltraLightItalic ExtraLight Light Regular Medium UltraLight Bold ExtraBold Black ThinItalic ExtraLightItalic LightItalic Italic MediumItalic BoldItalic ExtraBoldItalic BlackItalic

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

AspenThin.ttf Eot Woff

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

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AspenThin";
    src: url("../fonts/AspenThin/AspenThin.eot");
    src: url("../fonts/AspenThin/AspenThin.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AspenThin/AspenThin.woff") format("woff"),
    url("../fonts/AspenThin/AspenThin.ttf") format("truetype");
    font-style: normal;
    font-weight: 100;
}

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

AspenUltraLightItalic.ttf Eot Woff

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

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AspenUltraLightItalic";
    src: url("../fonts/AspenUltraLightItalic/AspenUltraLightItalic.eot");
    src: url("../fonts/AspenUltraLightItalic/AspenUltraLightItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AspenUltraLightItalic/AspenUltraLightItalic.woff") format("woff"),
    url("../fonts/AspenUltraLightItalic/AspenUltraLightItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

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

AspenExtraLight.ttf Eot Woff

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

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AspenExtraLight";
    src: url("../fonts/AspenExtraLight/AspenExtraLight.eot");
    src: url("../fonts/AspenExtraLight/AspenExtraLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AspenExtraLight/AspenExtraLight.woff") format("woff"),
    url("../fonts/AspenExtraLight/AspenExtraLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 200;
}

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

AspenLight.ttf Eot Woff

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

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AspenLight";
    src: url("../fonts/AspenLight/AspenLight.eot");
    src: url("../fonts/AspenLight/AspenLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AspenLight/AspenLight.woff") format("woff"),
    url("../fonts/AspenLight/AspenLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
}

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

AspenRegular.ttf Eot Woff

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

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AspenRegular";
    src: url("../fonts/AspenRegular/AspenRegular.eot");
    src: url("../fonts/AspenRegular/AspenRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AspenRegular/AspenRegular.woff") format("woff"),
    url("../fonts/AspenRegular/AspenRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

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

AspenMedium.ttf Eot Woff

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

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AspenMedium";
    src: url("../fonts/AspenMedium/AspenMedium.eot");
    src: url("../fonts/AspenMedium/AspenMedium.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AspenMedium/AspenMedium.woff") format("woff"),
    url("../fonts/AspenMedium/AspenMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
}

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

AspenUltraLight.ttf Eot Woff

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

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AspenUltraLight";
    src: url("../fonts/AspenUltraLight/AspenUltraLight.eot");
    src: url("../fonts/AspenUltraLight/AspenUltraLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AspenUltraLight/AspenUltraLight.woff") format("woff"),
    url("../fonts/AspenUltraLight/AspenUltraLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 200;
}

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

AspenBold.ttf Eot Woff

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

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AspenBold";
    src: url("../fonts/AspenBold/AspenBold.eot");
    src: url("../fonts/AspenBold/AspenBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AspenBold/AspenBold.woff") format("woff"),
    url("../fonts/AspenBold/AspenBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
}

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

AspenExtraBold.ttf Eot Woff

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

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AspenExtraBold";
    src: url("../fonts/AspenExtraBold/AspenExtraBold.eot");
    src: url("../fonts/AspenExtraBold/AspenExtraBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AspenExtraBold/AspenExtraBold.woff") format("woff"),
    url("../fonts/AspenExtraBold/AspenExtraBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 800;
}

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

AspenBlack.ttf Eot Woff

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

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AspenBlack";
    src: url("../fonts/AspenBlack/AspenBlack.eot");
    src: url("../fonts/AspenBlack/AspenBlack.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AspenBlack/AspenBlack.woff") format("woff"),
    url("../fonts/AspenBlack/AspenBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: 900;
}

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

AspenThinItalic.ttf Eot Woff

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

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AspenThinItalic";
    src: url("../fonts/AspenThinItalic/AspenThinItalic.eot");
    src: url("../fonts/AspenThinItalic/AspenThinItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AspenThinItalic/AspenThinItalic.woff") format("woff"),
    url("../fonts/AspenThinItalic/AspenThinItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 100;
}

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

AspenExtraLightItalic.ttf Eot Woff

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

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AspenExtraLightItalic";
    src: url("../fonts/AspenExtraLightItalic/AspenExtraLightItalic.eot");
    src: url("../fonts/AspenExtraLightItalic/AspenExtraLightItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AspenExtraLightItalic/AspenExtraLightItalic.woff") format("woff"),
    url("../fonts/AspenExtraLightItalic/AspenExtraLightItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

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

AspenLightItalic.ttf Eot Woff

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

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AspenLightItalic";
    src: url("../fonts/AspenLightItalic/AspenLightItalic.eot");
    src: url("../fonts/AspenLightItalic/AspenLightItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AspenLightItalic/AspenLightItalic.woff") format("woff"),
    url("../fonts/AspenLightItalic/AspenLightItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

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

AspenItalic.ttf Eot Woff

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

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AspenItalic";
    src: url("../fonts/AspenItalic/AspenItalic.eot");
    src: url("../fonts/AspenItalic/AspenItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AspenItalic/AspenItalic.woff") format("woff"),
    url("../fonts/AspenItalic/AspenItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

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

AspenMediumItalic.ttf Eot Woff

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

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AspenMediumItalic";
    src: url("../fonts/AspenMediumItalic/AspenMediumItalic.eot");
    src: url("../fonts/AspenMediumItalic/AspenMediumItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AspenMediumItalic/AspenMediumItalic.woff") format("woff"),
    url("../fonts/AspenMediumItalic/AspenMediumItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 500;
}

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

AspenBoldItalic.ttf Eot Woff

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

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AspenBoldItalic";
    src: url("../fonts/AspenBoldItalic/AspenBoldItalic.eot");
    src: url("../fonts/AspenBoldItalic/AspenBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AspenBoldItalic/AspenBoldItalic.woff") format("woff"),
    url("../fonts/AspenBoldItalic/AspenBoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 700;
}

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

AspenExtraBoldItalic.ttf Eot Woff

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

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AspenExtraBoldItalic";
    src: url("../fonts/AspenExtraBoldItalic/AspenExtraBoldItalic.eot");
    src: url("../fonts/AspenExtraBoldItalic/AspenExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AspenExtraBoldItalic/AspenExtraBoldItalic.woff") format("woff"),
    url("../fonts/AspenExtraBoldItalic/AspenExtraBoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}

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

AspenBlackItalic.ttf Eot Woff

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

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

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

    /css (Папка со стилями должна находиться в той-же категории, что и /fonts)
        /stylename.css (Файл стилей, в котором подключаются русские шрифты)

2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.

/* Код для подключения шрифта в /css/stylename.css */
@font-face { 
    font-family: "AspenBlackItalic";
    src: url("../fonts/AspenBlackItalic/AspenBlackItalic.eot");
    src: url("../fonts/AspenBlackItalic/AspenBlackItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/AspenBlackItalic/AspenBlackItalic.woff") format("woff"),
    url("../fonts/AspenBlackItalic/AspenBlackItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 900;
}

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

Вы можете скачать шрифт "Aspen" одним zip-архивом, со всеми вариантами начертаний.

Теги: Thin, UltraLightItalic, ExtraLight, Light, Regular, Medium, UltraLight, Bold, ExtraBold, Black, ThinItalic, ExtraLightItalic, LightItalic, Italic, MediumItalic, BoldItalic, ExtraBoldItalic, BlackItalic