Шрифт Montserrat
На нашем сайте, вы можете скачать шрифт Montserrat для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Montserrat Thin
1. Для того, чтобы установить шрифт Montserrat Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MontserratThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MontserratThin";
src: url("../fonts/MontserratThin/MontserratThin.eot");
src: url("../fonts/MontserratThin/MontserratThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/MontserratThin/MontserratThin.woff") format("woff"),
url("../fonts/MontserratThin/MontserratThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Montserrat ExtraLight
1. Для того, чтобы установить шрифт Montserrat ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MontserratExtraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MontserratExtraLight";
src: url("../fonts/MontserratExtraLight/MontserratExtraLight.eot");
src: url("../fonts/MontserratExtraLight/MontserratExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/MontserratExtraLight/MontserratExtraLight.woff") format("woff"),
url("../fonts/MontserratExtraLight/MontserratExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Montserrat Light
1. Для того, чтобы установить шрифт Montserrat Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MontserratLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MontserratLight";
src: url("../fonts/MontserratLight/MontserratLight.eot");
src: url("../fonts/MontserratLight/MontserratLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/MontserratLight/MontserratLight.woff") format("woff"),
url("../fonts/MontserratLight/MontserratLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Montserrat Regular
1. Для того, чтобы установить шрифт Montserrat Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MontserratRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MontserratRegular";
src: url("../fonts/MontserratRegular/MontserratRegular.eot");
src: url("../fonts/MontserratRegular/MontserratRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/MontserratRegular/MontserratRegular.woff") format("woff"),
url("../fonts/MontserratRegular/MontserratRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Montserrat Medium
1. Для того, чтобы установить шрифт Montserrat Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MontserratMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MontserratMedium";
src: url("../fonts/MontserratMedium/MontserratMedium.eot");
src: url("../fonts/MontserratMedium/MontserratMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/MontserratMedium/MontserratMedium.woff") format("woff"),
url("../fonts/MontserratMedium/MontserratMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Montserrat SemiBold
1. Для того, чтобы установить шрифт Montserrat SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MontserratSemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MontserratSemiBold";
src: url("../fonts/MontserratSemiBold/MontserratSemiBold.eot");
src: url("../fonts/MontserratSemiBold/MontserratSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/MontserratSemiBold/MontserratSemiBold.woff") format("woff"),
url("../fonts/MontserratSemiBold/MontserratSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Montserrat Bold
1. Для того, чтобы установить шрифт Montserrat Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MontserratBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MontserratBold";
src: url("../fonts/MontserratBold/MontserratBold.eot");
src: url("../fonts/MontserratBold/MontserratBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/MontserratBold/MontserratBold.woff") format("woff"),
url("../fonts/MontserratBold/MontserratBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Montserrat ExtraBold
1. Для того, чтобы установить шрифт Montserrat ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MontserratExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MontserratExtraBold";
src: url("../fonts/MontserratExtraBold/MontserratExtraBold.eot");
src: url("../fonts/MontserratExtraBold/MontserratExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/MontserratExtraBold/MontserratExtraBold.woff") format("woff"),
url("../fonts/MontserratExtraBold/MontserratExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Montserrat Black
1. Для того, чтобы установить шрифт Montserrat Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MontserratBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MontserratBlack";
src: url("../fonts/MontserratBlack/MontserratBlack.eot");
src: url("../fonts/MontserratBlack/MontserratBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/MontserratBlack/MontserratBlack.woff") format("woff"),
url("../fonts/MontserratBlack/MontserratBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Montserrat ThinItalic
1. Для того, чтобы установить шрифт Montserrat ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MontserratThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MontserratThinItalic";
src: url("../fonts/MontserratThinItalic/MontserratThinItalic.eot");
src: url("../fonts/MontserratThinItalic/MontserratThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MontserratThinItalic/MontserratThinItalic.woff") format("woff"),
url("../fonts/MontserratThinItalic/MontserratThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Montserrat ExtraLightItalic
1. Для того, чтобы установить шрифт Montserrat ExtraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MontserratExtraLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MontserratExtraLightItalic";
src: url("../fonts/MontserratExtraLightItalic/MontserratExtraLightItalic.eot");
src: url("../fonts/MontserratExtraLightItalic/MontserratExtraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MontserratExtraLightItalic/MontserratExtraLightItalic.woff") format("woff"),
url("../fonts/MontserratExtraLightItalic/MontserratExtraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Montserrat LightItalic
1. Для того, чтобы установить шрифт Montserrat LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MontserratLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MontserratLightItalic";
src: url("../fonts/MontserratLightItalic/MontserratLightItalic.eot");
src: url("../fonts/MontserratLightItalic/MontserratLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MontserratLightItalic/MontserratLightItalic.woff") format("woff"),
url("../fonts/MontserratLightItalic/MontserratLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Montserrat Italic
1. Для того, чтобы установить шрифт Montserrat Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MontserratItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MontserratItalic";
src: url("../fonts/MontserratItalic/MontserratItalic.eot");
src: url("../fonts/MontserratItalic/MontserratItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MontserratItalic/MontserratItalic.woff") format("woff"),
url("../fonts/MontserratItalic/MontserratItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Montserrat MediumItalic
1. Для того, чтобы установить шрифт Montserrat MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MontserratMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MontserratMediumItalic";
src: url("../fonts/MontserratMediumItalic/MontserratMediumItalic.eot");
src: url("../fonts/MontserratMediumItalic/MontserratMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MontserratMediumItalic/MontserratMediumItalic.woff") format("woff"),
url("../fonts/MontserratMediumItalic/MontserratMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Montserrat BoldItalic
1. Для того, чтобы установить шрифт Montserrat BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MontserratBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MontserratBoldItalic";
src: url("../fonts/MontserratBoldItalic/MontserratBoldItalic.eot");
src: url("../fonts/MontserratBoldItalic/MontserratBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MontserratBoldItalic/MontserratBoldItalic.woff") format("woff"),
url("../fonts/MontserratBoldItalic/MontserratBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Montserrat SemiBoldItalic
1. Для того, чтобы установить шрифт Montserrat SemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MontserratSemiBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MontserratSemiBoldItalic";
src: url("../fonts/MontserratSemiBoldItalic/MontserratSemiBoldItalic.eot");
src: url("../fonts/MontserratSemiBoldItalic/MontserratSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MontserratSemiBoldItalic/MontserratSemiBoldItalic.woff") format("woff"),
url("../fonts/MontserratSemiBoldItalic/MontserratSemiBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Montserrat ExtraBoldItalic
1. Для того, чтобы установить шрифт Montserrat ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MontserratExtraBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MontserratExtraBoldItalic";
src: url("../fonts/MontserratExtraBoldItalic/MontserratExtraBoldItalic.eot");
src: url("../fonts/MontserratExtraBoldItalic/MontserratExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MontserratExtraBoldItalic/MontserratExtraBoldItalic.woff") format("woff"),
url("../fonts/MontserratExtraBoldItalic/MontserratExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Montserrat BlackItalic
1. Для того, чтобы установить шрифт Montserrat BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MontserratBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MontserratBlackItalic";
src: url("../fonts/MontserratBlackItalic/MontserratBlackItalic.eot");
src: url("../fonts/MontserratBlackItalic/MontserratBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MontserratBlackItalic/MontserratBlackItalic.woff") format("woff"),
url("../fonts/MontserratBlackItalic/MontserratBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!