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

Шрифт Metafora

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

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

MetaforaBlackExp.ttf Eot Woff

Как установить шрифт Metafora BlackExp

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

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

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

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

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

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

MetaforaMediumOblique.ttf Eot Woff

Как установить шрифт Metafora MediumOblique

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

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

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

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

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

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

MetaforaBlackExpObliq.ttf Eot Woff

Как установить шрифт Metafora BlackExpObliq

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

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

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

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

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

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

MetaforaBoldOblique.ttf Eot Woff

Как установить шрифт Metafora BoldOblique

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

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

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

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

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

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

MetaforaBlackExtraExp.ttf Eot Woff

Как установить шрифт Metafora BlackExtraExp

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

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

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

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

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

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

MetaforaOblique.ttf Eot Woff

Как установить шрифт Metafora Oblique

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

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

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

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

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

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

MetaforaBlackExtraExpObliq.ttf Eot Woff

Как установить шрифт Metafora BlackExtraExpObliq

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

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

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

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

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

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

MetaforaThinOblique.ttf Eot Woff

Как установить шрифт Metafora ThinOblique

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

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

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

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

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

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

MetaforaBlackUltraExp.ttf Eot Woff

Как установить шрифт Metafora BlackUltraExp

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

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

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

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

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

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

MetaforaBlackOblique.ttf Eot Woff

Как установить шрифт Metafora BlackOblique

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

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

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

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

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

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

MetaforaBlackUltraExpObliq.ttf Eot Woff

Как установить шрифт Metafora BlackUltraExpObliq

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

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

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

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

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

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

MetaforaExtraLightOblique.ttf Eot Woff

Как установить шрифт Metafora ExtraLightOblique

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

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

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

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

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

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

MetaforaExtraBoldOblique.ttf Eot Woff

Как установить шрифт Metafora ExtraBoldOblique

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

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

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

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

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

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

MetaforaSemiBoldOblique.ttf Eot Woff

Как установить шрифт Metafora SemiBoldOblique

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

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

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

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

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

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

MetaforaBlackSemiExp.ttf Eot Woff

Как установить шрифт Metafora BlackSemiExp

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

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

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

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

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

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

MetaforaBlackSemiExpObliq.ttf Eot Woff

Как установить шрифт Metafora BlackSemiExpObliq

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

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

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

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

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

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

MetaforaLightOblique.ttf Eot Woff

Как установить шрифт Metafora LightOblique

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

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

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

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

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

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

MetaforaThin.ttf Eot Woff

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

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

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

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

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

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

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

MetaforaExtraLight.ttf Eot Woff

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

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

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

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

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

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

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

MetaforaLight.ttf Eot Woff

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

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

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

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

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

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

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

MetaforaRegular.ttf Eot Woff

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

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

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

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

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

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

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

MetaforaMedium.ttf Eot Woff

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

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

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

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

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

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

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

MetaforaSemiBold.ttf Eot Woff

Как установить шрифт Metafora SemiBold

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

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

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

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

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

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

MetaforaBold.ttf Eot Woff

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

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

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

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

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

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

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

MetaforaExtraBold.ttf Eot Woff

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

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

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

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

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

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

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

MetaforaBlack.ttf Eot Woff

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

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

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

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

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

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

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

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

Теги: BlackExp, MediumOblique, BlackExpObliq, BoldOblique, BlackExtraExp, Oblique, BlackExtraExpObliq, ThinOblique, BlackUltraExp, BlackOblique, BlackUltraExpObliq, ExtraLightOblique, ExtraBoldOblique, SemiBoldOblique, BlackSemiExp, BlackSemiExpObliq, LightOblique, Thin, ExtraLight, Light, Regular, Medium, SemiBold, Bold, ExtraBold, Black