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

Шрифт Meta Pro

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

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

MetaProCondXboldIta.ttf Eot Woff

Как установить шрифт MetaPro CondXboldIta

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

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

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

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

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

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

MetaProCondBold.ttf Eot Woff

Как установить шрифт MetaPro CondBold

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

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

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

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

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

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

MetaProCondBlackIta.ttf Eot Woff

Как установить шрифт MetaPro CondBlackIta

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

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

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

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

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

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

MetaProCondBoldIta.ttf Eot Woff

Как установить шрифт MetaPro CondBoldIta

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

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

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

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

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

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

MetaProHairIta.ttf Eot Woff

Как установить шрифт MetaPro HairIta

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

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

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

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

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

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

Как установить шрифт MetaPro CondXBold

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

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

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

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

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

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

MetaProBookIta.ttf Eot Woff

Как установить шрифт MetaPro BookIta

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

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

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

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

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

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

MetaProCondBlack.ttf Eot Woff

Как установить шрифт MetaPro CondBlack

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

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

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

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

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

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

MetaProNorm.ttf Eot Woff

Как установить шрифт MetaPro Norm

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

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

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

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

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

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

MetaProCondBook.ttf Eot Woff

Как установить шрифт MetaPro CondBook

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

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

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

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

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

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

MetaProNormIta.ttf Eot Woff

Как установить шрифт MetaPro NormIta

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

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

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

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

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

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

MetaProCondBookIta.ttf Eot Woff

Как установить шрифт MetaPro CondBookIta

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

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

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

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

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

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

MetaProMedi.ttf Eot Woff

Как установить шрифт MetaPro Medi

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

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

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

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

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

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

MetaProHair.ttf Eot Woff

Как установить шрифт MetaPro Hair

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

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

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

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

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

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

MetaProCondNorm.ttf Eot Woff

Как установить шрифт MetaPro CondNorm

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

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

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

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

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

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

MetaProMediIta.ttf Eot Woff

Как установить шрифт MetaPro MediIta

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

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

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

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

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

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

MetaProThinIta.ttf Eot Woff

Как установить шрифт MetaPro ThinIta

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

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

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

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

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

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

MetaProCondNormIta.ttf Eot Woff

Как установить шрифт MetaPro CondNormIta

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

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

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

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

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

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

MetaProLightIta.ttf Eot Woff

Как установить шрифт MetaPro LightIta

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

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

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

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

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

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

MetaProCondMedi.ttf Eot Woff

Как установить шрифт MetaPro CondMedi

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

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

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

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

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

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

MetaProBoldIta.ttf Eot Woff

Как установить шрифт MetaPro BoldIta

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

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

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

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

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

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

MetaProCondMediIta.ttf Eot Woff

Как установить шрифт MetaPro CondMediIta

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

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

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

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

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

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

MetaProBlackIta.ttf Eot Woff

Как установить шрифт MetaPro BlackIta

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

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

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

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

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

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

MetaProThin.ttf Eot Woff

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

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

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

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

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

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

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

MetaProLight.ttf Eot Woff

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

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

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

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

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

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

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

MetaProBold.ttf Eot Woff

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

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

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

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

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

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

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

MetaProBlack.ttf Eot Woff

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

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

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

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

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

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

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

MetaProBook.ttf Eot Woff

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

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

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

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

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

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

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

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

Теги: CondXboldIta, CondBold, CondBlackIta, CondBoldIta, HairIta, CondXBold, BookIta, CondBlack, Norm, CondBook, NormIta, CondBookIta, Medi, Hair, CondNorm, MediIta, ThinIta, CondNormIta, LightIta, CondMedi, BoldIta, CondMediIta, BlackIta, Thin, Light, Bold, Black, Book