Шрифт MB Grotesk
На нашем сайте, вы можете скачать шрифт MB Grotesk для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MBGrotesk NormalItalic
1. Для того, чтобы установить шрифт MBGrotesk NormalItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MBGroteskNormalItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MBGroteskNormalItalic";
src: url("../fonts/MBGroteskNormalItalic/MBGroteskNormalItalic.eot");
src: url("../fonts/MBGroteskNormalItalic/MBGroteskNormalItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MBGroteskNormalItalic/MBGroteskNormalItalic.woff") format("woff"),
url("../fonts/MBGroteskNormalItalic/MBGroteskNormalItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MBGrotesk ExtraLight
1. Для того, чтобы установить шрифт MBGrotesk ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MBGroteskExtraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MBGroteskExtraLight";
src: url("../fonts/MBGroteskExtraLight/MBGroteskExtraLight.eot");
src: url("../fonts/MBGroteskExtraLight/MBGroteskExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/MBGroteskExtraLight/MBGroteskExtraLight.woff") format("woff"),
url("../fonts/MBGroteskExtraLight/MBGroteskExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MBGrotesk Light
1. Для того, чтобы установить шрифт MBGrotesk Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MBGroteskLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MBGroteskLight";
src: url("../fonts/MBGroteskLight/MBGroteskLight.eot");
src: url("../fonts/MBGroteskLight/MBGroteskLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/MBGroteskLight/MBGroteskLight.woff") format("woff"),
url("../fonts/MBGroteskLight/MBGroteskLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MBGrotesk Regular
1. Для того, чтобы установить шрифт MBGrotesk Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MBGroteskRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MBGroteskRegular";
src: url("../fonts/MBGroteskRegular/MBGroteskRegular.eot");
src: url("../fonts/MBGroteskRegular/MBGroteskRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/MBGroteskRegular/MBGroteskRegular.woff") format("woff"),
url("../fonts/MBGroteskRegular/MBGroteskRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MBGrotesk Medium
1. Для того, чтобы установить шрифт MBGrotesk Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MBGroteskMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MBGroteskMedium";
src: url("../fonts/MBGroteskMedium/MBGroteskMedium.eot");
src: url("../fonts/MBGroteskMedium/MBGroteskMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/MBGroteskMedium/MBGroteskMedium.woff") format("woff"),
url("../fonts/MBGroteskMedium/MBGroteskMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MBGrotesk Bold
1. Для того, чтобы установить шрифт MBGrotesk Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MBGroteskBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MBGroteskBold";
src: url("../fonts/MBGroteskBold/MBGroteskBold.eot");
src: url("../fonts/MBGroteskBold/MBGroteskBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/MBGroteskBold/MBGroteskBold.woff") format("woff"),
url("../fonts/MBGroteskBold/MBGroteskBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MBGrotesk ExtraBold
1. Для того, чтобы установить шрифт MBGrotesk ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MBGroteskExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MBGroteskExtraBold";
src: url("../fonts/MBGroteskExtraBold/MBGroteskExtraBold.eot");
src: url("../fonts/MBGroteskExtraBold/MBGroteskExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/MBGroteskExtraBold/MBGroteskExtraBold.woff") format("woff"),
url("../fonts/MBGroteskExtraBold/MBGroteskExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MBGrotesk ExtraLightItalic
1. Для того, чтобы установить шрифт MBGrotesk ExtraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MBGroteskExtraLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MBGroteskExtraLightItalic";
src: url("../fonts/MBGroteskExtraLightItalic/MBGroteskExtraLightItalic.eot");
src: url("../fonts/MBGroteskExtraLightItalic/MBGroteskExtraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MBGroteskExtraLightItalic/MBGroteskExtraLightItalic.woff") format("woff"),
url("../fonts/MBGroteskExtraLightItalic/MBGroteskExtraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MBGrotesk LightItalic
1. Для того, чтобы установить шрифт MBGrotesk LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MBGroteskLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MBGroteskLightItalic";
src: url("../fonts/MBGroteskLightItalic/MBGroteskLightItalic.eot");
src: url("../fonts/MBGroteskLightItalic/MBGroteskLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MBGroteskLightItalic/MBGroteskLightItalic.woff") format("woff"),
url("../fonts/MBGroteskLightItalic/MBGroteskLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MBGrotesk MediumItalic
1. Для того, чтобы установить шрифт MBGrotesk MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MBGroteskMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MBGroteskMediumItalic";
src: url("../fonts/MBGroteskMediumItalic/MBGroteskMediumItalic.eot");
src: url("../fonts/MBGroteskMediumItalic/MBGroteskMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MBGroteskMediumItalic/MBGroteskMediumItalic.woff") format("woff"),
url("../fonts/MBGroteskMediumItalic/MBGroteskMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MBGrotesk BoldItalic
1. Для того, чтобы установить шрифт MBGrotesk BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MBGroteskBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MBGroteskBoldItalic";
src: url("../fonts/MBGroteskBoldItalic/MBGroteskBoldItalic.eot");
src: url("../fonts/MBGroteskBoldItalic/MBGroteskBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MBGroteskBoldItalic/MBGroteskBoldItalic.woff") format("woff"),
url("../fonts/MBGroteskBoldItalic/MBGroteskBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MBGrotesk ExtraBoldItalic
1. Для того, чтобы установить шрифт MBGrotesk ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MBGroteskExtraBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MBGroteskExtraBoldItalic";
src: url("../fonts/MBGroteskExtraBoldItalic/MBGroteskExtraBoldItalic.eot");
src: url("../fonts/MBGroteskExtraBoldItalic/MBGroteskExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MBGroteskExtraBoldItalic/MBGroteskExtraBoldItalic.woff") format("woff"),
url("../fonts/MBGroteskExtraBoldItalic/MBGroteskExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MBGrotesk Normal
1. Для того, чтобы установить шрифт MBGrotesk Normal в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MBGroteskNormal /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MBGroteskNormal";
src: url("../fonts/MBGroteskNormal/MBGroteskNormal.eot");
src: url("../fonts/MBGroteskNormal/MBGroteskNormal.eot?#iefix")format("embedded-opentype"),
url("../fonts/MBGroteskNormal/MBGroteskNormal.woff") format("woff"),
url("../fonts/MBGroteskNormal/MBGroteskNormal.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MBGrotesk RegularItalic
1. Для того, чтобы установить шрифт MBGrotesk RegularItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MBGroteskRegularItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MBGroteskRegularItalic";
src: url("../fonts/MBGroteskRegularItalic/MBGroteskRegularItalic.eot");
src: url("../fonts/MBGroteskRegularItalic/MBGroteskRegularItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MBGroteskRegularItalic/MBGroteskRegularItalic.woff") format("woff"),
url("../fonts/MBGroteskRegularItalic/MBGroteskRegularItalic.ttf") format("truetype");
font-style: italic;
font-weight: 400;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!