Категории: Рубленные шрифты без засечек, Гротески

Шрифт Agile Sans

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

Thin ExtraLight SemiLight Light Regular Medium Bold ExtraBold ThinItalic ExtraLightItalic LightItalic SemiLightItalic MediumItalic BoldItalic ExtraBoldItalic Heavy HeavyItalic RegularItalic

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

AgileSansThin.ttf Eot Woff

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

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

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

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

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

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

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

AgileSansExtraLight.ttf Eot Woff

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

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

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

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

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

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

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

AgileSansSemiLight.ttf Eot Woff

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

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

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

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

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

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

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

AgileSansLight.ttf Eot Woff

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

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

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

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

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

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

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

AgileSansRegular.ttf Eot Woff

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

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

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

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

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

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

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

AgileSansMedium.ttf Eot Woff

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

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

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

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

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

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

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

AgileSansBold.ttf Eot Woff

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

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

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

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

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

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

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

AgileSansExtraBold.ttf Eot Woff

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

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

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

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

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

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

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

AgileSansThinItalic.ttf Eot Woff

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

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

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

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

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

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

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

AgileSansExtraLightItalic.ttf Eot Woff

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

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

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

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

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

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

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

AgileSansLightItalic.ttf Eot Woff

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

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

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

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

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

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

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

AgileSansSemiLightItalic.ttf Eot Woff

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

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

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

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

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

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

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

AgileSansMediumItalic.ttf Eot Woff

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

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

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

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

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

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

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

AgileSansBoldItalic.ttf Eot Woff

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

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

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

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

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

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

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

AgileSansExtraBoldItalic.ttf Eot Woff

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

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

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

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

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

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

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

AgileSansHeavy.ttf Eot Woff

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

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

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

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

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

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

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

AgileSansHeavyItalic.ttf Eot Woff

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

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

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

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

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

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

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

AgileSansRegularItalic.ttf Eot Woff

Как установить шрифт AgileSans RegularItalic

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

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

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

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

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

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

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

Теги: Thin, ExtraLight, SemiLight, Light, Regular, Medium, Bold, ExtraBold, ThinItalic, ExtraLightItalic, LightItalic, SemiLightItalic, MediumItalic, BoldItalic, ExtraBoldItalic, Heavy, HeavyItalic, RegularItalic