Шрифт Moderat
На нашем сайте, вы можете скачать шрифт Moderat для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Condensed-Bold
1. Для того, чтобы установить шрифт Moderat Condensed-Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratCondensed-Bold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratCondensed-Bold";
src: url("../fonts/ModeratCondensed-Bold/ModeratCondensed-Bold.eot");
src: url("../fonts/ModeratCondensed-Bold/ModeratCondensed-Bold.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratCondensed-Bold/ModeratCondensed-Bold.woff") format("woff"),
url("../fonts/ModeratCondensed-Bold/ModeratCondensed-Bold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Extended-Medium-Italic
1. Для того, чтобы установить шрифт Moderat Extended-Medium-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratExtended-Medium-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratExtended-Medium-Italic";
src: url("../fonts/ModeratExtended-Medium-Italic/ModeratExtended-Medium-Italic.eot");
src: url("../fonts/ModeratExtended-Medium-Italic/ModeratExtended-Medium-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratExtended-Medium-Italic/ModeratExtended-Medium-Italic.woff") format("woff"),
url("../fonts/ModeratExtended-Medium-Italic/ModeratExtended-Medium-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Bold-Italic
1. Для того, чтобы установить шрифт Moderat Bold-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratBold-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratBold-Italic";
src: url("../fonts/ModeratBold-Italic/ModeratBold-Italic.eot");
src: url("../fonts/ModeratBold-Italic/ModeratBold-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratBold-Italic/ModeratBold-Italic.woff") format("woff"),
url("../fonts/ModeratBold-Italic/ModeratBold-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Condensed-Bold-Italic
1. Для того, чтобы установить шрифт Moderat Condensed-Bold-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratCondensed-Bold-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratCondensed-Bold-Italic";
src: url("../fonts/ModeratCondensed-Bold-Italic/ModeratCondensed-Bold-Italic.eot");
src: url("../fonts/ModeratCondensed-Bold-Italic/ModeratCondensed-Bold-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratCondensed-Bold-Italic/ModeratCondensed-Bold-Italic.woff") format("woff"),
url("../fonts/ModeratCondensed-Bold-Italic/ModeratCondensed-Bold-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Extended-Bold
1. Для того, чтобы установить шрифт Moderat Extended-Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratExtended-Bold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratExtended-Bold";
src: url("../fonts/ModeratExtended-Bold/ModeratExtended-Bold.eot");
src: url("../fonts/ModeratExtended-Bold/ModeratExtended-Bold.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratExtended-Bold/ModeratExtended-Bold.woff") format("woff"),
url("../fonts/ModeratExtended-Bold/ModeratExtended-Bold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Black-Italic
1. Для того, чтобы установить шрифт Moderat Black-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratBlack-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratBlack-Italic";
src: url("../fonts/ModeratBlack-Italic/ModeratBlack-Italic.eot");
src: url("../fonts/ModeratBlack-Italic/ModeratBlack-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratBlack-Italic/ModeratBlack-Italic.woff") format("woff"),
url("../fonts/ModeratBlack-Italic/ModeratBlack-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Condensed-Black
1. Для того, чтобы установить шрифт Moderat Condensed-Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratCondensed-Black /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratCondensed-Black";
src: url("../fonts/ModeratCondensed-Black/ModeratCondensed-Black.eot");
src: url("../fonts/ModeratCondensed-Black/ModeratCondensed-Black.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratCondensed-Black/ModeratCondensed-Black.woff") format("woff"),
url("../fonts/ModeratCondensed-Black/ModeratCondensed-Black.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Extended-Bold-Italic
1. Для того, чтобы установить шрифт Moderat Extended-Bold-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratExtended-Bold-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratExtended-Bold-Italic";
src: url("../fonts/ModeratExtended-Bold-Italic/ModeratExtended-Bold-Italic.eot");
src: url("../fonts/ModeratExtended-Bold-Italic/ModeratExtended-Bold-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratExtended-Bold-Italic/ModeratExtended-Bold-Italic.woff") format("woff"),
url("../fonts/ModeratExtended-Bold-Italic/ModeratExtended-Bold-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Condensed-Thin
1. Для того, чтобы установить шрифт Moderat Condensed-Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratCondensed-Thin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratCondensed-Thin";
src: url("../fonts/ModeratCondensed-Thin/ModeratCondensed-Thin.eot");
src: url("../fonts/ModeratCondensed-Thin/ModeratCondensed-Thin.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratCondensed-Thin/ModeratCondensed-Thin.woff") format("woff"),
url("../fonts/ModeratCondensed-Thin/ModeratCondensed-Thin.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Condensed-Black-Italic
1. Для того, чтобы установить шрифт Moderat Condensed-Black-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratCondensed-Black-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratCondensed-Black-Italic";
src: url("../fonts/ModeratCondensed-Black-Italic/ModeratCondensed-Black-Italic.eot");
src: url("../fonts/ModeratCondensed-Black-Italic/ModeratCondensed-Black-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratCondensed-Black-Italic/ModeratCondensed-Black-Italic.woff") format("woff"),
url("../fonts/ModeratCondensed-Black-Italic/ModeratCondensed-Black-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Extended-Black
1. Для того, чтобы установить шрифт Moderat Extended-Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratExtended-Black /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratExtended-Black";
src: url("../fonts/ModeratExtended-Black/ModeratExtended-Black.eot");
src: url("../fonts/ModeratExtended-Black/ModeratExtended-Black.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratExtended-Black/ModeratExtended-Black.woff") format("woff"),
url("../fonts/ModeratExtended-Black/ModeratExtended-Black.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Condensed-Thin-Italic
1. Для того, чтобы установить шрифт Moderat Condensed-Thin-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratCondensed-Thin-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratCondensed-Thin-Italic";
src: url("../fonts/ModeratCondensed-Thin-Italic/ModeratCondensed-Thin-Italic.eot");
src: url("../fonts/ModeratCondensed-Thin-Italic/ModeratCondensed-Thin-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratCondensed-Thin-Italic/ModeratCondensed-Thin-Italic.woff") format("woff"),
url("../fonts/ModeratCondensed-Thin-Italic/ModeratCondensed-Thin-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Extended-Thin
1. Для того, чтобы установить шрифт Moderat Extended-Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratExtended-Thin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratExtended-Thin";
src: url("../fonts/ModeratExtended-Thin/ModeratExtended-Thin.eot");
src: url("../fonts/ModeratExtended-Thin/ModeratExtended-Thin.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratExtended-Thin/ModeratExtended-Thin.woff") format("woff"),
url("../fonts/ModeratExtended-Thin/ModeratExtended-Thin.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Extended-Black-Italic
1. Для того, чтобы установить шрифт Moderat Extended-Black-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratExtended-Black-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratExtended-Black-Italic";
src: url("../fonts/ModeratExtended-Black-Italic/ModeratExtended-Black-Italic.eot");
src: url("../fonts/ModeratExtended-Black-Italic/ModeratExtended-Black-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratExtended-Black-Italic/ModeratExtended-Black-Italic.woff") format("woff"),
url("../fonts/ModeratExtended-Black-Italic/ModeratExtended-Black-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Condensed-Light
1. Для того, чтобы установить шрифт Moderat Condensed-Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratCondensed-Light /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratCondensed-Light";
src: url("../fonts/ModeratCondensed-Light/ModeratCondensed-Light.eot");
src: url("../fonts/ModeratCondensed-Light/ModeratCondensed-Light.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratCondensed-Light/ModeratCondensed-Light.woff") format("woff"),
url("../fonts/ModeratCondensed-Light/ModeratCondensed-Light.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Extended-Thin-Italic
1. Для того, чтобы установить шрифт Moderat Extended-Thin-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratExtended-Thin-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratExtended-Thin-Italic";
src: url("../fonts/ModeratExtended-Thin-Italic/ModeratExtended-Thin-Italic.eot");
src: url("../fonts/ModeratExtended-Thin-Italic/ModeratExtended-Thin-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratExtended-Thin-Italic/ModeratExtended-Thin-Italic.woff") format("woff"),
url("../fonts/ModeratExtended-Thin-Italic/ModeratExtended-Thin-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Mono-Thin
1. Для того, чтобы установить шрифт Moderat Mono-Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratMono-Thin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratMono-Thin";
src: url("../fonts/ModeratMono-Thin/ModeratMono-Thin.eot");
src: url("../fonts/ModeratMono-Thin/ModeratMono-Thin.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratMono-Thin/ModeratMono-Thin.woff") format("woff"),
url("../fonts/ModeratMono-Thin/ModeratMono-Thin.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Condensed-Light-Italic
1. Для того, чтобы установить шрифт Moderat Condensed-Light-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratCondensed-Light-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratCondensed-Light-Italic";
src: url("../fonts/ModeratCondensed-Light-Italic/ModeratCondensed-Light-Italic.eot");
src: url("../fonts/ModeratCondensed-Light-Italic/ModeratCondensed-Light-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratCondensed-Light-Italic/ModeratCondensed-Light-Italic.woff") format("woff"),
url("../fonts/ModeratCondensed-Light-Italic/ModeratCondensed-Light-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Extended-Light
1. Для того, чтобы установить шрифт Moderat Extended-Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratExtended-Light /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratExtended-Light";
src: url("../fonts/ModeratExtended-Light/ModeratExtended-Light.eot");
src: url("../fonts/ModeratExtended-Light/ModeratExtended-Light.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratExtended-Light/ModeratExtended-Light.woff") format("woff"),
url("../fonts/ModeratExtended-Light/ModeratExtended-Light.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Mono-Light
1. Для того, чтобы установить шрифт Moderat Mono-Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratMono-Light /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratMono-Light";
src: url("../fonts/ModeratMono-Light/ModeratMono-Light.eot");
src: url("../fonts/ModeratMono-Light/ModeratMono-Light.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratMono-Light/ModeratMono-Light.woff") format("woff"),
url("../fonts/ModeratMono-Light/ModeratMono-Light.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Condensed-Regular
1. Для того, чтобы установить шрифт Moderat Condensed-Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratCondensed-Regular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratCondensed-Regular";
src: url("../fonts/ModeratCondensed-Regular/ModeratCondensed-Regular.eot");
src: url("../fonts/ModeratCondensed-Regular/ModeratCondensed-Regular.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratCondensed-Regular/ModeratCondensed-Regular.woff") format("woff"),
url("../fonts/ModeratCondensed-Regular/ModeratCondensed-Regular.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Extended-Light-Italic
1. Для того, чтобы установить шрифт Moderat Extended-Light-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratExtended-Light-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratExtended-Light-Italic";
src: url("../fonts/ModeratExtended-Light-Italic/ModeratExtended-Light-Italic.eot");
src: url("../fonts/ModeratExtended-Light-Italic/ModeratExtended-Light-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratExtended-Light-Italic/ModeratExtended-Light-Italic.woff") format("woff"),
url("../fonts/ModeratExtended-Light-Italic/ModeratExtended-Light-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Thin-Italic
1. Для того, чтобы установить шрифт Moderat Thin-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratThin-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratThin-Italic";
src: url("../fonts/ModeratThin-Italic/ModeratThin-Italic.eot");
src: url("../fonts/ModeratThin-Italic/ModeratThin-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratThin-Italic/ModeratThin-Italic.woff") format("woff"),
url("../fonts/ModeratThin-Italic/ModeratThin-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Mono-Regular
1. Для того, чтобы установить шрифт Moderat Mono-Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratMono-Regular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratMono-Regular";
src: url("../fonts/ModeratMono-Regular/ModeratMono-Regular.eot");
src: url("../fonts/ModeratMono-Regular/ModeratMono-Regular.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratMono-Regular/ModeratMono-Regular.woff") format("woff"),
url("../fonts/ModeratMono-Regular/ModeratMono-Regular.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Condensed-Regular-Italic
1. Для того, чтобы установить шрифт Moderat Condensed-Regular-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratCondensed-Regular-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratCondensed-Regular-Italic";
src: url("../fonts/ModeratCondensed-Regular-Italic/ModeratCondensed-Regular-Italic.eot");
src: url("../fonts/ModeratCondensed-Regular-Italic/ModeratCondensed-Regular-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratCondensed-Regular-Italic/ModeratCondensed-Regular-Italic.woff") format("woff"),
url("../fonts/ModeratCondensed-Regular-Italic/ModeratCondensed-Regular-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Extended-Regular
1. Для того, чтобы установить шрифт Moderat Extended-Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratExtended-Regular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratExtended-Regular";
src: url("../fonts/ModeratExtended-Regular/ModeratExtended-Regular.eot");
src: url("../fonts/ModeratExtended-Regular/ModeratExtended-Regular.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratExtended-Regular/ModeratExtended-Regular.woff") format("woff"),
url("../fonts/ModeratExtended-Regular/ModeratExtended-Regular.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Light-Italic
1. Для того, чтобы установить шрифт Moderat Light-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratLight-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratLight-Italic";
src: url("../fonts/ModeratLight-Italic/ModeratLight-Italic.eot");
src: url("../fonts/ModeratLight-Italic/ModeratLight-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratLight-Italic/ModeratLight-Italic.woff") format("woff"),
url("../fonts/ModeratLight-Italic/ModeratLight-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Mono-Medium
1. Для того, чтобы установить шрифт Moderat Mono-Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratMono-Medium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratMono-Medium";
src: url("../fonts/ModeratMono-Medium/ModeratMono-Medium.eot");
src: url("../fonts/ModeratMono-Medium/ModeratMono-Medium.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratMono-Medium/ModeratMono-Medium.woff") format("woff"),
url("../fonts/ModeratMono-Medium/ModeratMono-Medium.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Condensed-Medium
1. Для того, чтобы установить шрифт Moderat Condensed-Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratCondensed-Medium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratCondensed-Medium";
src: url("../fonts/ModeratCondensed-Medium/ModeratCondensed-Medium.eot");
src: url("../fonts/ModeratCondensed-Medium/ModeratCondensed-Medium.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratCondensed-Medium/ModeratCondensed-Medium.woff") format("woff"),
url("../fonts/ModeratCondensed-Medium/ModeratCondensed-Medium.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Extended-Regular-Italic
1. Для того, чтобы установить шрифт Moderat Extended-Regular-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratExtended-Regular-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratExtended-Regular-Italic";
src: url("../fonts/ModeratExtended-Regular-Italic/ModeratExtended-Regular-Italic.eot");
src: url("../fonts/ModeratExtended-Regular-Italic/ModeratExtended-Regular-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratExtended-Regular-Italic/ModeratExtended-Regular-Italic.woff") format("woff"),
url("../fonts/ModeratExtended-Regular-Italic/ModeratExtended-Regular-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Regular-Italic
1. Для того, чтобы установить шрифт Moderat Regular-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratRegular-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratRegular-Italic";
src: url("../fonts/ModeratRegular-Italic/ModeratRegular-Italic.eot");
src: url("../fonts/ModeratRegular-Italic/ModeratRegular-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratRegular-Italic/ModeratRegular-Italic.woff") format("woff"),
url("../fonts/ModeratRegular-Italic/ModeratRegular-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Mono-Bold
1. Для того, чтобы установить шрифт Moderat Mono-Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratMono-Bold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratMono-Bold";
src: url("../fonts/ModeratMono-Bold/ModeratMono-Bold.eot");
src: url("../fonts/ModeratMono-Bold/ModeratMono-Bold.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratMono-Bold/ModeratMono-Bold.woff") format("woff"),
url("../fonts/ModeratMono-Bold/ModeratMono-Bold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Condensed-Medium-Italic
1. Для того, чтобы установить шрифт Moderat Condensed-Medium-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratCondensed-Medium-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratCondensed-Medium-Italic";
src: url("../fonts/ModeratCondensed-Medium-Italic/ModeratCondensed-Medium-Italic.eot");
src: url("../fonts/ModeratCondensed-Medium-Italic/ModeratCondensed-Medium-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratCondensed-Medium-Italic/ModeratCondensed-Medium-Italic.woff") format("woff"),
url("../fonts/ModeratCondensed-Medium-Italic/ModeratCondensed-Medium-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Extended-Medium
1. Для того, чтобы установить шрифт Moderat Extended-Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratExtended-Medium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratExtended-Medium";
src: url("../fonts/ModeratExtended-Medium/ModeratExtended-Medium.eot");
src: url("../fonts/ModeratExtended-Medium/ModeratExtended-Medium.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratExtended-Medium/ModeratExtended-Medium.woff") format("woff"),
url("../fonts/ModeratExtended-Medium/ModeratExtended-Medium.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Medium-Italic
1. Для того, чтобы установить шрифт Moderat Medium-Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratMedium-Italic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratMedium-Italic";
src: url("../fonts/ModeratMedium-Italic/ModeratMedium-Italic.eot");
src: url("../fonts/ModeratMedium-Italic/ModeratMedium-Italic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratMedium-Italic/ModeratMedium-Italic.woff") format("woff"),
url("../fonts/ModeratMedium-Italic/ModeratMedium-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Mono-Black
1. Для того, чтобы установить шрифт Moderat Mono-Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratMono-Black /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratMono-Black";
src: url("../fonts/ModeratMono-Black/ModeratMono-Black.eot");
src: url("../fonts/ModeratMono-Black/ModeratMono-Black.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratMono-Black/ModeratMono-Black.woff") format("woff"),
url("../fonts/ModeratMono-Black/ModeratMono-Black.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Thin
1. Для того, чтобы установить шрифт Moderat Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratThin";
src: url("../fonts/ModeratThin/ModeratThin.eot");
src: url("../fonts/ModeratThin/ModeratThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratThin/ModeratThin.woff") format("woff"),
url("../fonts/ModeratThin/ModeratThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Light
1. Для того, чтобы установить шрифт Moderat Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratLight";
src: url("../fonts/ModeratLight/ModeratLight.eot");
src: url("../fonts/ModeratLight/ModeratLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratLight/ModeratLight.woff") format("woff"),
url("../fonts/ModeratLight/ModeratLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Regular
1. Для того, чтобы установить шрифт Moderat Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratRegular";
src: url("../fonts/ModeratRegular/ModeratRegular.eot");
src: url("../fonts/ModeratRegular/ModeratRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratRegular/ModeratRegular.woff") format("woff"),
url("../fonts/ModeratRegular/ModeratRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Medium
1. Для того, чтобы установить шрифт Moderat Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratMedium";
src: url("../fonts/ModeratMedium/ModeratMedium.eot");
src: url("../fonts/ModeratMedium/ModeratMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratMedium/ModeratMedium.woff") format("woff"),
url("../fonts/ModeratMedium/ModeratMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Bold
1. Для того, чтобы установить шрифт Moderat Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratBold";
src: url("../fonts/ModeratBold/ModeratBold.eot");
src: url("../fonts/ModeratBold/ModeratBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratBold/ModeratBold.woff") format("woff"),
url("../fonts/ModeratBold/ModeratBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Moderat Black
1. Для того, чтобы установить шрифт Moderat Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ModeratBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ModeratBlack";
src: url("../fonts/ModeratBlack/ModeratBlack.eot");
src: url("../fonts/ModeratBlack/ModeratBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/ModeratBlack/ModeratBlack.woff") format("woff"),
url("../fonts/ModeratBlack/ModeratBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!