Шрифт Maison Mono
На нашем сайте, вы можете скачать шрифт Maison Mono для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MaisonMono LightOblique
1. Для того, чтобы установить шрифт MaisonMono LightOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MaisonMonoLightOblique /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MaisonMonoLightOblique";
src: url("../fonts/MaisonMonoLightOblique/MaisonMonoLightOblique.eot");
src: url("../fonts/MaisonMonoLightOblique/MaisonMonoLightOblique.eot?#iefix")format("embedded-opentype"),
url("../fonts/MaisonMonoLightOblique/MaisonMonoLightOblique.woff") format("woff"),
url("../fonts/MaisonMonoLightOblique/MaisonMonoLightOblique.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MaisonMono RegularOblique
1. Для того, чтобы установить шрифт MaisonMono RegularOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MaisonMonoRegularOblique /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MaisonMonoRegularOblique";
src: url("../fonts/MaisonMonoRegularOblique/MaisonMonoRegularOblique.eot");
src: url("../fonts/MaisonMonoRegularOblique/MaisonMonoRegularOblique.eot?#iefix")format("embedded-opentype"),
url("../fonts/MaisonMonoRegularOblique/MaisonMonoRegularOblique.woff") format("woff"),
url("../fonts/MaisonMonoRegularOblique/MaisonMonoRegularOblique.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MaisonMono MediumOblique
1. Для того, чтобы установить шрифт MaisonMono MediumOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MaisonMonoMediumOblique /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MaisonMonoMediumOblique";
src: url("../fonts/MaisonMonoMediumOblique/MaisonMonoMediumOblique.eot");
src: url("../fonts/MaisonMonoMediumOblique/MaisonMonoMediumOblique.eot?#iefix")format("embedded-opentype"),
url("../fonts/MaisonMonoMediumOblique/MaisonMonoMediumOblique.woff") format("woff"),
url("../fonts/MaisonMonoMediumOblique/MaisonMonoMediumOblique.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MaisonMono Demi
1. Для того, чтобы установить шрифт MaisonMono Demi в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MaisonMonoDemi /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MaisonMonoDemi";
src: url("../fonts/MaisonMonoDemi/MaisonMonoDemi.eot");
src: url("../fonts/MaisonMonoDemi/MaisonMonoDemi.eot?#iefix")format("embedded-opentype"),
url("../fonts/MaisonMonoDemi/MaisonMonoDemi.woff") format("woff"),
url("../fonts/MaisonMonoDemi/MaisonMonoDemi.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MaisonMono DemiOblique
1. Для того, чтобы установить шрифт MaisonMono DemiOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MaisonMonoDemiOblique /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MaisonMonoDemiOblique";
src: url("../fonts/MaisonMonoDemiOblique/MaisonMonoDemiOblique.eot");
src: url("../fonts/MaisonMonoDemiOblique/MaisonMonoDemiOblique.eot?#iefix")format("embedded-opentype"),
url("../fonts/MaisonMonoDemiOblique/MaisonMonoDemiOblique.woff") format("woff"),
url("../fonts/MaisonMonoDemiOblique/MaisonMonoDemiOblique.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MaisonMono BoldOblique
1. Для того, чтобы установить шрифт MaisonMono BoldOblique в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MaisonMonoBoldOblique /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MaisonMonoBoldOblique";
src: url("../fonts/MaisonMonoBoldOblique/MaisonMonoBoldOblique.eot");
src: url("../fonts/MaisonMonoBoldOblique/MaisonMonoBoldOblique.eot?#iefix")format("embedded-opentype"),
url("../fonts/MaisonMonoBoldOblique/MaisonMonoBoldOblique.woff") format("woff"),
url("../fonts/MaisonMonoBoldOblique/MaisonMonoBoldOblique.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MaisonMono Light
1. Для того, чтобы установить шрифт MaisonMono Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MaisonMonoLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MaisonMonoLight";
src: url("../fonts/MaisonMonoLight/MaisonMonoLight.eot");
src: url("../fonts/MaisonMonoLight/MaisonMonoLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/MaisonMonoLight/MaisonMonoLight.woff") format("woff"),
url("../fonts/MaisonMonoLight/MaisonMonoLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MaisonMono Regular
1. Для того, чтобы установить шрифт MaisonMono Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MaisonMonoRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MaisonMonoRegular";
src: url("../fonts/MaisonMonoRegular/MaisonMonoRegular.eot");
src: url("../fonts/MaisonMonoRegular/MaisonMonoRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/MaisonMonoRegular/MaisonMonoRegular.woff") format("woff"),
url("../fonts/MaisonMonoRegular/MaisonMonoRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MaisonMono Medium
1. Для того, чтобы установить шрифт MaisonMono Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MaisonMonoMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MaisonMonoMedium";
src: url("../fonts/MaisonMonoMedium/MaisonMonoMedium.eot");
src: url("../fonts/MaisonMonoMedium/MaisonMonoMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/MaisonMonoMedium/MaisonMonoMedium.woff") format("woff"),
url("../fonts/MaisonMonoMedium/MaisonMonoMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MaisonMono Bold
1. Для того, чтобы установить шрифт MaisonMono Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MaisonMonoBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MaisonMonoBold";
src: url("../fonts/MaisonMonoBold/MaisonMonoBold.eot");
src: url("../fonts/MaisonMonoBold/MaisonMonoBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/MaisonMonoBold/MaisonMonoBold.woff") format("woff"),
url("../fonts/MaisonMonoBold/MaisonMonoBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!