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

Шрифт Eco Sans Pro

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

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

Как установить шрифт EcoSansPro ExtendedMedium

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

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

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

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

Как установить шрифт EcoSansPro ExtendedMediumItalic

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

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

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

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

Как установить шрифт EcoSansPro ExtendedBold

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

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

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

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

Как установить шрифт EcoSansPro ExtendedBoldItalic

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

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

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

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

Как установить шрифт EcoSansPro ExtendedBlack

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

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

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

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

Как установить шрифт EcoSansPro ExtendedThin

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

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

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

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

Как установить шрифт EcoSansPro ExtendedBlackItalic

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

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

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

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

Как установить шрифт EcoSansPro ExtendedThinItalic

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

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

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

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

Как установить шрифт EcoSansPro ExtendedHeavy

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

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

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

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

Как установить шрифт EcoSansPro ExtendedLight

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

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

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

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

Как установить шрифт EcoSansPro ExtendedHeavyItalic

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

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

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

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

Как установить шрифт EcoSansPro ExtendedLightItalic

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

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

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

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

Как установить шрифт EcoSansPro ExtendedBook

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

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

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

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

Как установить шрифт EcoSansPro ExtendedBookItalic

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как установить шрифт EcoSansPro Book

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как установить шрифт EcoSansPro BookItalic

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

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

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

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

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