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

Шрифт Magnat

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

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

MagnatHeadBold.ttf Eot Woff

Как установить шрифт Magnat HeadBold

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

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

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

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

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

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

MagnatTextExtraBold.ttf Eot Woff

Как установить шрифт Magnat TextExtraBold

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

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

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

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

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

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

MagnatHeadBoldItalic.ttf Eot Woff

Как установить шрифт Magnat HeadBoldItalic

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

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

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

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

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

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

MagnatTextLight.ttf Eot Woff

Как установить шрифт Magnat TextLight

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

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

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

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

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

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

MagnatTextExtraBoldItalic.ttf Eot Woff

Как установить шрифт Magnat TextExtraBoldItalic

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

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

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

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

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

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

MagnatHeadExtraBold.ttf Eot Woff

Как установить шрифт Magnat HeadExtraBold

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

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

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

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

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

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

MagnatTextLightItalic.ttf Eot Woff

Как установить шрифт Magnat TextLightItalic

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

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

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

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

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

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

MagnatHeadLight.ttf Eot Woff

Как установить шрифт Magnat HeadLight

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

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

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

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

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

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

MagnatHeadExtraBoldItalic.ttf Eot Woff

Как установить шрифт Magnat HeadExtraBoldItalic

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

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

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

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

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

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

MagnatTextRegular.ttf Eot Woff

Как установить шрифт Magnat TextRegular

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

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

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

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

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

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

MagnatHeadLightItalic.ttf Eot Woff

Как установить шрифт Magnat HeadLightItalic

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

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

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

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

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

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

MagnatTextRegularItalic.ttf Eot Woff

Как установить шрифт Magnat TextRegularItalic

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

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

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

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

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

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

MagnatHeadRegular.ttf Eot Woff

Как установить шрифт Magnat HeadRegular

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

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

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

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

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

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

MagnatTextMedium.ttf Eot Woff

Как установить шрифт Magnat TextMedium

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

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

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

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

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

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

MagnatHeadRegularItalic.ttf Eot Woff

Как установить шрифт Magnat HeadRegularItalic

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

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

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

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

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

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

MagnatTextMediumItalic.ttf Eot Woff

Как установить шрифт Magnat TextMediumItalic

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

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

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

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

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

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

MagnatHeadMedium.ttf Eot Woff

Как установить шрифт Magnat HeadMedium

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

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

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

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

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

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

MagnatTextSemiBold.ttf Eot Woff

Как установить шрифт Magnat TextSemiBold

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

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

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

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

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

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

MagnatHeadMediumItalic.ttf Eot Woff

Как установить шрифт Magnat HeadMediumItalic

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

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

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

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

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

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

MagnatTextSemiBoldItalic.ttf Eot Woff

Как установить шрифт Magnat TextSemiBoldItalic

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

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

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

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

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

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

MagnatHeadSemiBold.ttf Eot Woff

Как установить шрифт Magnat HeadSemiBold

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

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

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

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

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

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

MagnatTextBold.ttf Eot Woff

Как установить шрифт Magnat TextBold

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

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

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

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

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

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

MagnatHeadSemiBoldItalic.ttf Eot Woff

Как установить шрифт Magnat HeadSemiBoldItalic

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

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

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

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

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

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

MagnatTextBoldItalic.ttf Eot Woff

Как установить шрифт Magnat TextBoldItalic

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

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

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

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

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

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

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

Теги: HeadBold, TextExtraBold, HeadBoldItalic, TextLight, TextExtraBoldItalic, HeadExtraBold, TextLightItalic, HeadLight, HeadExtraBoldItalic, TextRegular, HeadLightItalic, TextRegularItalic, HeadRegular, TextMedium, HeadRegularItalic, TextMediumItalic, HeadMedium, TextSemiBold, HeadMediumItalic, TextSemiBoldItalic, HeadSemiBold, TextBold, HeadSemiBoldItalic, TextBoldItalic