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

Шрифт Informa Pro

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

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

Как установить шрифт InformaPro CondensedBold

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

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

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

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

Как установить шрифт InformaPro CondensedMedium

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

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

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

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

Как установить шрифт InformaPro CondensedLight

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

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

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

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

Как установить шрифт InformaPro CondensedRegular

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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