Как подключить шрифт montserrat css

Не могу подключить шрифт Montserrat к проекту. В чем проблема?

Знаете кого-то, кто может ответить? Поделитесь ссылкой на этот вопрос по почте, через Твиттер или Facebook.

• html
• css
• шрифты

Важное на Мете

Похожие

Подписаться на ленту

Лента вопроса

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.10.27.43697

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Шрифт Montserrat

Подскжаите как подключить шрифт Montserrat для всей страницы, причем замечено:
использую вот такой способ:

Для верстки использую bootstrap 4.
Если я вывожу

Пример заголовка

То все равно выводится Arial, причем мне нужно весь сайт чтобы использовал этот шрифта, а не только заголовки.
Я думаю что этот шрифт по умолчанию не есть в браузере, и надо как-то положить его в директорию и подключать при загрузке. Либо bootstrap сам меняет шрифт и надо явно указывать. Но как я уже писал выше

h4 class="text-center" style="font-family:Montserrat;font-weight:300;">Пример заголовка/h4>

выводит тоже Ариал. Подскажите люди умные как это сделать

Нашел такой способ:

1 2 3 4 5 6 7 8

style> @font-face < font-family: 'Montserrat'; src: local('Montserrat Regular'), local('Montserrat-Regular'), url('http://hb.bizmrg.com/fonts/montserrat/400.woff2') format('woff2'), url('http://hb.bizmrg.com/fonts/montserrat/400.woff') format('woff'); font-weight: 400; font-style: normal; >/style>

эффект тот же, везде ариал

В гуглфонте нашел его: тут Как применить его для всего сайта хз, да и как подключить тоже) Интернет читал, сразу не писал вам) подскажите как сделать этот шрифт для всего МАЛЕНЬКОГО сайта

Как подключить шрифты для сайта? Сотни бесплатных шрифтов.

Привет, с вами Сергей Никонов. Недавно мне задали вопрос — Где найти хорошие шрифты для сайта, желательно бесплатные?

Перейди по адресу fonts.google.com и для твоего сайта ты найдешь сотни подходящих тебе бесплатных шрифтов, которые можно подключить к сайту всего за несколько секунд.

Видео Как встроить шрифт на сайт

Сверху можно сделать поиск по названию нужного нам шрифта, например Roboto.

В следующее поле — это текст или цифры, чтобы заранее увидеть как этот текст или цифры будут выглядеть для разных шрифтов. Также ты можешь сам написать любой текст и посмотреть, как будет выглядеть написанный текст с тем или иным шрифтом для сайта.

Здесь можно выбрать и размер шрифта и есть еще несколько параметров, которые относятся только к отображению — это выбор цвета бекграунда сайта и вид отображения шрифтов на сайте Google.

Есть возможность выбрать шрифты с засечками, без засечек и другие параметры шрифтов. Особое внимание уделите фильтру Language. Если язык твоего сайта основан на кириллице, например язык сайта на русском, украинском, белорусском, болгарском, молдавском и других языках — выбирай Cyrillic или Cyrillic Extended, если английский или языки в основу которых входит латиница — выбирайте Latin.

Если твой язык входит в этот список, например тайский, тебе нужно выбрать его.

Иначе, если ты неправильно выберешь этот параметр шрифта, вместо букв, на сайте ты увидишь прямоугольники и другие фигурки.

Примерно так:

Когда ты нашел шрифт для сайта, который тебе очень понравился, ты можешь встроить его несколькими способами:

Как встроить шрифт на сайт. Способ первый.

Вставить в html-страницу и затем в css-стилях указать нужный шрифт, скопировав его их этого окна. То есть так:

body

Как встроить шрифт на сайт. Способ второй.

Или ты можешь импортировать его прямо в css-стили через ключевое слово @import и указать font-family в нужный тебе блок стилей.

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,400&display=swap'); body

Как встроить шрифт для Windows или Photoshop (Фотошоп).

Ты можешь даже скачать нужный тебе шрифт, для этого нажми на стрелку сверху справа. Кстати, скаченный шрифт ты можешь установить в свою систему, просто два раза нажми на загрузившийся файл шрифта, нажми на кнопку Установить и потом ты можешь выбрать установленный шрифт в любой программе, например в Photoshop.

Еще ты можешь кастомизировать понравившийся тебе шрифт, то есть выбрать только нужные тебе параметры шрифта. Для этого перейди на вкладку CUSTOMIZE и выбери нужные тебе параметры шрифта для сайта. Например, от этого шрифта ты хочешь использовать только жирный стиль bold 700 или наклонное начертание шрифта italic. Также здесь ты можешь выбрать какие языки этот шрифт должен поддерживать.

Но помни самое главное. Старайся выбирать параметры только те, которыми ты реально будешь пользоваться, иначе твой сайт будет загружаться медленнее, за счет большого объема файла шрифта. Тебе кстати поможет этот указатель Load Time. Если указатель зеленый и ты видишь надпись Fast, значит все хорошо. Нужно пересмотреть выбор параметров, если указатель желтого или красного цвета. Например, если выбрать множество дополнительных стилей.

Выводы

Теперь ты умеешь находить и подключать шрифты для твоего сайта. Если у тебя остались вопросы, задать их ты можешь в комьюнити FructCode.

Подпишись на канал FructCode, поставь ставь Like и нажми на колокольчик, чтобы не пропускать новые видео.

С вами был Сергей Никонов и помни, что все мои актуальные курсы по программированию и верстке ты можешь найти только на моем сайте FructCode.com

И увидимся в следующем уроке!

Поделитесь в социальных сетях

Шрифт 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 сайта, и установить шрифты через менеджер плагинов в админке!