Шрифт Metropolis
На нашем сайте, вы можете скачать шрифт Metropolis для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Metropolis Thin
1. Для того, чтобы установить шрифт Metropolis Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MetropolisThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MetropolisThin";
src: url("../fonts/MetropolisThin/MetropolisThin.eot");
src: url("../fonts/MetropolisThin/MetropolisThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/MetropolisThin/MetropolisThin.woff") format("woff"),
url("../fonts/MetropolisThin/MetropolisThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Metropolis ExtraLight
1. Для того, чтобы установить шрифт Metropolis ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MetropolisExtraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MetropolisExtraLight";
src: url("../fonts/MetropolisExtraLight/MetropolisExtraLight.eot");
src: url("../fonts/MetropolisExtraLight/MetropolisExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/MetropolisExtraLight/MetropolisExtraLight.woff") format("woff"),
url("../fonts/MetropolisExtraLight/MetropolisExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Metropolis Light
1. Для того, чтобы установить шрифт Metropolis Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MetropolisLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MetropolisLight";
src: url("../fonts/MetropolisLight/MetropolisLight.eot");
src: url("../fonts/MetropolisLight/MetropolisLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/MetropolisLight/MetropolisLight.woff") format("woff"),
url("../fonts/MetropolisLight/MetropolisLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Metropolis Regular
1. Для того, чтобы установить шрифт Metropolis Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MetropolisRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MetropolisRegular";
src: url("../fonts/MetropolisRegular/MetropolisRegular.eot");
src: url("../fonts/MetropolisRegular/MetropolisRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/MetropolisRegular/MetropolisRegular.woff") format("woff"),
url("../fonts/MetropolisRegular/MetropolisRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Metropolis Medium
1. Для того, чтобы установить шрифт Metropolis Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MetropolisMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MetropolisMedium";
src: url("../fonts/MetropolisMedium/MetropolisMedium.eot");
src: url("../fonts/MetropolisMedium/MetropolisMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/MetropolisMedium/MetropolisMedium.woff") format("woff"),
url("../fonts/MetropolisMedium/MetropolisMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Metropolis SemiBold
1. Для того, чтобы установить шрифт Metropolis SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MetropolisSemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MetropolisSemiBold";
src: url("../fonts/MetropolisSemiBold/MetropolisSemiBold.eot");
src: url("../fonts/MetropolisSemiBold/MetropolisSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/MetropolisSemiBold/MetropolisSemiBold.woff") format("woff"),
url("../fonts/MetropolisSemiBold/MetropolisSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Metropolis Bold
1. Для того, чтобы установить шрифт Metropolis Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MetropolisBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MetropolisBold";
src: url("../fonts/MetropolisBold/MetropolisBold.eot");
src: url("../fonts/MetropolisBold/MetropolisBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/MetropolisBold/MetropolisBold.woff") format("woff"),
url("../fonts/MetropolisBold/MetropolisBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Metropolis ExtraBold
1. Для того, чтобы установить шрифт Metropolis ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MetropolisExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MetropolisExtraBold";
src: url("../fonts/MetropolisExtraBold/MetropolisExtraBold.eot");
src: url("../fonts/MetropolisExtraBold/MetropolisExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/MetropolisExtraBold/MetropolisExtraBold.woff") format("woff"),
url("../fonts/MetropolisExtraBold/MetropolisExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Metropolis Black
1. Для того, чтобы установить шрифт Metropolis Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MetropolisBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MetropolisBlack";
src: url("../fonts/MetropolisBlack/MetropolisBlack.eot");
src: url("../fonts/MetropolisBlack/MetropolisBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/MetropolisBlack/MetropolisBlack.woff") format("woff"),
url("../fonts/MetropolisBlack/MetropolisBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Metropolis ThinItalic
1. Для того, чтобы установить шрифт Metropolis ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MetropolisThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MetropolisThinItalic";
src: url("../fonts/MetropolisThinItalic/MetropolisThinItalic.eot");
src: url("../fonts/MetropolisThinItalic/MetropolisThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MetropolisThinItalic/MetropolisThinItalic.woff") format("woff"),
url("../fonts/MetropolisThinItalic/MetropolisThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Metropolis ExtraLightItalic
1. Для того, чтобы установить шрифт Metropolis ExtraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MetropolisExtraLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MetropolisExtraLightItalic";
src: url("../fonts/MetropolisExtraLightItalic/MetropolisExtraLightItalic.eot");
src: url("../fonts/MetropolisExtraLightItalic/MetropolisExtraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MetropolisExtraLightItalic/MetropolisExtraLightItalic.woff") format("woff"),
url("../fonts/MetropolisExtraLightItalic/MetropolisExtraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Metropolis LightItalic
1. Для того, чтобы установить шрифт Metropolis LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MetropolisLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MetropolisLightItalic";
src: url("../fonts/MetropolisLightItalic/MetropolisLightItalic.eot");
src: url("../fonts/MetropolisLightItalic/MetropolisLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MetropolisLightItalic/MetropolisLightItalic.woff") format("woff"),
url("../fonts/MetropolisLightItalic/MetropolisLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Metropolis MediumItalic
1. Для того, чтобы установить шрифт Metropolis MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MetropolisMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MetropolisMediumItalic";
src: url("../fonts/MetropolisMediumItalic/MetropolisMediumItalic.eot");
src: url("../fonts/MetropolisMediumItalic/MetropolisMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MetropolisMediumItalic/MetropolisMediumItalic.woff") format("woff"),
url("../fonts/MetropolisMediumItalic/MetropolisMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Metropolis BoldItalic
1. Для того, чтобы установить шрифт Metropolis BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MetropolisBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MetropolisBoldItalic";
src: url("../fonts/MetropolisBoldItalic/MetropolisBoldItalic.eot");
src: url("../fonts/MetropolisBoldItalic/MetropolisBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MetropolisBoldItalic/MetropolisBoldItalic.woff") format("woff"),
url("../fonts/MetropolisBoldItalic/MetropolisBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Metropolis SemiBoldItalic
1. Для того, чтобы установить шрифт Metropolis SemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MetropolisSemiBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MetropolisSemiBoldItalic";
src: url("../fonts/MetropolisSemiBoldItalic/MetropolisSemiBoldItalic.eot");
src: url("../fonts/MetropolisSemiBoldItalic/MetropolisSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MetropolisSemiBoldItalic/MetropolisSemiBoldItalic.woff") format("woff"),
url("../fonts/MetropolisSemiBoldItalic/MetropolisSemiBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Metropolis ExtraBoldItalic
1. Для того, чтобы установить шрифт Metropolis ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MetropolisExtraBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MetropolisExtraBoldItalic";
src: url("../fonts/MetropolisExtraBoldItalic/MetropolisExtraBoldItalic.eot");
src: url("../fonts/MetropolisExtraBoldItalic/MetropolisExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MetropolisExtraBoldItalic/MetropolisExtraBoldItalic.woff") format("woff"),
url("../fonts/MetropolisExtraBoldItalic/MetropolisExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Metropolis BlackItalic
1. Для того, чтобы установить шрифт Metropolis BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MetropolisBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MetropolisBlackItalic";
src: url("../fonts/MetropolisBlackItalic/MetropolisBlackItalic.eot");
src: url("../fonts/MetropolisBlackItalic/MetropolisBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MetropolisBlackItalic/MetropolisBlackItalic.woff") format("woff"),
url("../fonts/MetropolisBlackItalic/MetropolisBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Metropolis RegularItalic
1. Для того, чтобы установить шрифт Metropolis RegularItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MetropolisRegularItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MetropolisRegularItalic";
src: url("../fonts/MetropolisRegularItalic/MetropolisRegularItalic.eot");
src: url("../fonts/MetropolisRegularItalic/MetropolisRegularItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MetropolisRegularItalic/MetropolisRegularItalic.woff") format("woff"),
url("../fonts/MetropolisRegularItalic/MetropolisRegularItalic.ttf") format("truetype");
font-style: italic;
font-weight: 400;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!