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

Шрифт Metafora

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

BlackExpMediumObliqueBlackExpObliqBoldObliqueBlackExtraExpObliqueBlackExtraExpObliqThinObliqueBlackUltraExpBlackObliqueBlackUltraExpObliqExtraLightObliqueExtraBoldObliqueSemiBoldObliqueBlackSemiExpBlackSemiExpObliqLightObliqueThinExtraLightLightRegularMediumSemiBoldBoldExtraBoldBlack
Съешь ещё этих мягких французских булок, да выпей же чаю.
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-архивом, со всеми вариантами начертаний.
Ваша коллекция ßeta
  • Ничего не добавлено
Скачать ZIP архивом WordPress плагином
Шрифты для сайта