Шрифт Mediator Serif
На нашем сайте, вы можете скачать шрифт Mediator Serif для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif NarrowThinItal
1. Для того, чтобы установить шрифт MediatorSerif NarrowThinItal в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifNarrowThinItal /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifNarrowThinItal";
src: url("../fonts/MediatorSerifNarrowThinItal/MediatorSerifNarrowThinItal.eot");
src: url("../fonts/MediatorSerifNarrowThinItal/MediatorSerifNarrowThinItal.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifNarrowThinItal/MediatorSerifNarrowThinItal.woff") format("woff"),
url("../fonts/MediatorSerifNarrowThinItal/MediatorSerifNarrowThinItal.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif NarrowUltLt
1. Для того, чтобы установить шрифт MediatorSerif NarrowUltLt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifNarrowUltLt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifNarrowUltLt";
src: url("../fonts/MediatorSerifNarrowUltLt/MediatorSerifNarrowUltLt.eot");
src: url("../fonts/MediatorSerifNarrowUltLt/MediatorSerifNarrowUltLt.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifNarrowUltLt/MediatorSerifNarrowUltLt.woff") format("woff"),
url("../fonts/MediatorSerifNarrowUltLt/MediatorSerifNarrowUltLt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif NarrowUltLtIta
1. Для того, чтобы установить шрифт MediatorSerif NarrowUltLtIta в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifNarrowUltLtIta /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifNarrowUltLtIta";
src: url("../fonts/MediatorSerifNarrowUltLtIta/MediatorSerifNarrowUltLtIta.eot");
src: url("../fonts/MediatorSerifNarrowUltLtIta/MediatorSerifNarrowUltLtIta.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifNarrowUltLtIta/MediatorSerifNarrowUltLtIta.woff") format("woff"),
url("../fonts/MediatorSerifNarrowUltLtIta/MediatorSerifNarrowUltLtIta.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif NarrowLightIta
1. Для того, чтобы установить шрифт MediatorSerif NarrowLightIta в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifNarrowLightIta /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifNarrowLightIta";
src: url("../fonts/MediatorSerifNarrowLightIta/MediatorSerifNarrowLightIta.eot");
src: url("../fonts/MediatorSerifNarrowLightIta/MediatorSerifNarrowLightIta.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifNarrowLightIta/MediatorSerifNarrowLightIta.woff") format("woff"),
url("../fonts/MediatorSerifNarrowLightIta/MediatorSerifNarrowLightIta.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif NarrowLight
1. Для того, чтобы установить шрифт MediatorSerif NarrowLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifNarrowLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifNarrowLight";
src: url("../fonts/MediatorSerifNarrowLight/MediatorSerifNarrowLight.eot");
src: url("../fonts/MediatorSerifNarrowLight/MediatorSerifNarrowLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifNarrowLight/MediatorSerifNarrowLight.woff") format("woff"),
url("../fonts/MediatorSerifNarrowLight/MediatorSerifNarrowLight.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif NarrowItal
1. Для того, чтобы установить шрифт MediatorSerif NarrowItal в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifNarrowItal /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifNarrowItal";
src: url("../fonts/MediatorSerifNarrowItal/MediatorSerifNarrowItal.eot");
src: url("../fonts/MediatorSerifNarrowItal/MediatorSerifNarrowItal.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifNarrowItal/MediatorSerifNarrowItal.woff") format("woff"),
url("../fonts/MediatorSerifNarrowItal/MediatorSerifNarrowItal.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif BdIt
1. Для того, чтобы установить шрифт MediatorSerif BdIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifBdIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifBdIt";
src: url("../fonts/MediatorSerifBdIt/MediatorSerifBdIt.eot");
src: url("../fonts/MediatorSerifBdIt/MediatorSerifBdIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifBdIt/MediatorSerifBdIt.woff") format("woff"),
url("../fonts/MediatorSerifBdIt/MediatorSerifBdIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif NarrowExtLtIta
1. Для того, чтобы установить шрифт MediatorSerif NarrowExtLtIta в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifNarrowExtLtIta /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifNarrowExtLtIta";
src: url("../fonts/MediatorSerifNarrowExtLtIta/MediatorSerifNarrowExtLtIta.eot");
src: url("../fonts/MediatorSerifNarrowExtLtIta/MediatorSerifNarrowExtLtIta.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifNarrowExtLtIta/MediatorSerifNarrowExtLtIta.woff") format("woff"),
url("../fonts/MediatorSerifNarrowExtLtIta/MediatorSerifNarrowExtLtIta.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif NarrowThin
1. Для того, чтобы установить шрифт MediatorSerif NarrowThin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifNarrowThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifNarrowThin";
src: url("../fonts/MediatorSerifNarrowThin/MediatorSerifNarrowThin.eot");
src: url("../fonts/MediatorSerifNarrowThin/MediatorSerifNarrowThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifNarrowThin/MediatorSerifNarrowThin.woff") format("woff"),
url("../fonts/MediatorSerifNarrowThin/MediatorSerifNarrowThin.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif NarrowBlackIta
1. Для того, чтобы установить шрифт MediatorSerif NarrowBlackIta в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifNarrowBlackIta /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifNarrowBlackIta";
src: url("../fonts/MediatorSerifNarrowBlackIta/MediatorSerifNarrowBlackIta.eot");
src: url("../fonts/MediatorSerifNarrowBlackIta/MediatorSerifNarrowBlackIta.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifNarrowBlackIta/MediatorSerifNarrowBlackIta.woff") format("woff"),
url("../fonts/MediatorSerifNarrowBlackIta/MediatorSerifNarrowBlackIta.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif NarrowBlack
1. Для того, чтобы установить шрифт MediatorSerif NarrowBlack в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifNarrowBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifNarrowBlack";
src: url("../fonts/MediatorSerifNarrowBlack/MediatorSerifNarrowBlack.eot");
src: url("../fonts/MediatorSerifNarrowBlack/MediatorSerifNarrowBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifNarrowBlack/MediatorSerifNarrowBlack.woff") format("woff"),
url("../fonts/MediatorSerifNarrowBlack/MediatorSerifNarrowBlack.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif NarrowExtBd
1. Для того, чтобы установить шрифт MediatorSerif NarrowExtBd в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifNarrowExtBd /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifNarrowExtBd";
src: url("../fonts/MediatorSerifNarrowExtBd/MediatorSerifNarrowExtBd.eot");
src: url("../fonts/MediatorSerifNarrowExtBd/MediatorSerifNarrowExtBd.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifNarrowExtBd/MediatorSerifNarrowExtBd.woff") format("woff"),
url("../fonts/MediatorSerifNarrowExtBd/MediatorSerifNarrowExtBd.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif ExBdIt
1. Для того, чтобы установить шрифт MediatorSerif ExBdIt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifExBdIt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifExBdIt";
src: url("../fonts/MediatorSerifExBdIt/MediatorSerifExBdIt.eot");
src: url("../fonts/MediatorSerifExBdIt/MediatorSerifExBdIt.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifExBdIt/MediatorSerifExBdIt.woff") format("woff"),
url("../fonts/MediatorSerifExBdIt/MediatorSerifExBdIt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif NarrowExtLt
1. Для того, чтобы установить шрифт MediatorSerif NarrowExtLt в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifNarrowExtLt /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifNarrowExtLt";
src: url("../fonts/MediatorSerifNarrowExtLt/MediatorSerifNarrowExtLt.eot");
src: url("../fonts/MediatorSerifNarrowExtLt/MediatorSerifNarrowExtLt.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifNarrowExtLt/MediatorSerifNarrowExtLt.woff") format("woff"),
url("../fonts/MediatorSerifNarrowExtLt/MediatorSerifNarrowExtLt.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif Narrow
1. Для того, чтобы установить шрифт MediatorSerif Narrow в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifNarrow /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifNarrow";
src: url("../fonts/MediatorSerifNarrow/MediatorSerifNarrow.eot");
src: url("../fonts/MediatorSerifNarrow/MediatorSerifNarrow.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifNarrow/MediatorSerifNarrow.woff") format("woff"),
url("../fonts/MediatorSerifNarrow/MediatorSerifNarrow.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif UltraLightItal
1. Для того, чтобы установить шрифт MediatorSerif UltraLightItal в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifUltraLightItal /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifUltraLightItal";
src: url("../fonts/MediatorSerifUltraLightItal/MediatorSerifUltraLightItal.eot");
src: url("../fonts/MediatorSerifUltraLightItal/MediatorSerifUltraLightItal.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifUltraLightItal/MediatorSerifUltraLightItal.woff") format("woff"),
url("../fonts/MediatorSerifUltraLightItal/MediatorSerifUltraLightItal.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif ExtraLightItal
1. Для того, чтобы установить шрифт MediatorSerif ExtraLightItal в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifExtraLightItal /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifExtraLightItal";
src: url("../fonts/MediatorSerifExtraLightItal/MediatorSerifExtraLightItal.eot");
src: url("../fonts/MediatorSerifExtraLightItal/MediatorSerifExtraLightItal.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifExtraLightItal/MediatorSerifExtraLightItal.woff") format("woff"),
url("../fonts/MediatorSerifExtraLightItal/MediatorSerifExtraLightItal.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif ExtraBoldItal
1. Для того, чтобы установить шрифт MediatorSerif ExtraBoldItal в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifExtraBoldItal /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifExtraBoldItal";
src: url("../fonts/MediatorSerifExtraBoldItal/MediatorSerifExtraBoldItal.eot");
src: url("../fonts/MediatorSerifExtraBoldItal/MediatorSerifExtraBoldItal.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifExtraBoldItal/MediatorSerifExtraBoldItal.woff") format("woff"),
url("../fonts/MediatorSerifExtraBoldItal/MediatorSerifExtraBoldItal.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif Thin
1. Для того, чтобы установить шрифт MediatorSerif Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifThin";
src: url("../fonts/MediatorSerifThin/MediatorSerifThin.eot");
src: url("../fonts/MediatorSerifThin/MediatorSerifThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifThin/MediatorSerifThin.woff") format("woff"),
url("../fonts/MediatorSerifThin/MediatorSerifThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif ExtraLight
1. Для того, чтобы установить шрифт MediatorSerif ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifExtraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifExtraLight";
src: url("../fonts/MediatorSerifExtraLight/MediatorSerifExtraLight.eot");
src: url("../fonts/MediatorSerifExtraLight/MediatorSerifExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifExtraLight/MediatorSerifExtraLight.woff") format("woff"),
url("../fonts/MediatorSerifExtraLight/MediatorSerifExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif Light
1. Для того, чтобы установить шрифт MediatorSerif Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifLight";
src: url("../fonts/MediatorSerifLight/MediatorSerifLight.eot");
src: url("../fonts/MediatorSerifLight/MediatorSerifLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifLight/MediatorSerifLight.woff") format("woff"),
url("../fonts/MediatorSerifLight/MediatorSerifLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif Regular
1. Для того, чтобы установить шрифт MediatorSerif Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifRegular";
src: url("../fonts/MediatorSerifRegular/MediatorSerifRegular.eot");
src: url("../fonts/MediatorSerifRegular/MediatorSerifRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifRegular/MediatorSerifRegular.woff") format("woff"),
url("../fonts/MediatorSerifRegular/MediatorSerifRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif UltraLight
1. Для того, чтобы установить шрифт MediatorSerif UltraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifUltraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifUltraLight";
src: url("../fonts/MediatorSerifUltraLight/MediatorSerifUltraLight.eot");
src: url("../fonts/MediatorSerifUltraLight/MediatorSerifUltraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifUltraLight/MediatorSerifUltraLight.woff") format("woff"),
url("../fonts/MediatorSerifUltraLight/MediatorSerifUltraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif Bold
1. Для того, чтобы установить шрифт MediatorSerif Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifBold";
src: url("../fonts/MediatorSerifBold/MediatorSerifBold.eot");
src: url("../fonts/MediatorSerifBold/MediatorSerifBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifBold/MediatorSerifBold.woff") format("woff"),
url("../fonts/MediatorSerifBold/MediatorSerifBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif ExtraBold
1. Для того, чтобы установить шрифт MediatorSerif ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifExtraBold";
src: url("../fonts/MediatorSerifExtraBold/MediatorSerifExtraBold.eot");
src: url("../fonts/MediatorSerifExtraBold/MediatorSerifExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifExtraBold/MediatorSerifExtraBold.woff") format("woff"),
url("../fonts/MediatorSerifExtraBold/MediatorSerifExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif Black
1. Для того, чтобы установить шрифт MediatorSerif Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifBlack";
src: url("../fonts/MediatorSerifBlack/MediatorSerifBlack.eot");
src: url("../fonts/MediatorSerifBlack/MediatorSerifBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifBlack/MediatorSerifBlack.woff") format("woff"),
url("../fonts/MediatorSerifBlack/MediatorSerifBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif ThinItalic
1. Для того, чтобы установить шрифт MediatorSerif ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifThinItalic";
src: url("../fonts/MediatorSerifThinItalic/MediatorSerifThinItalic.eot");
src: url("../fonts/MediatorSerifThinItalic/MediatorSerifThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifThinItalic/MediatorSerifThinItalic.woff") format("woff"),
url("../fonts/MediatorSerifThinItalic/MediatorSerifThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif LightItalic
1. Для того, чтобы установить шрифт MediatorSerif LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifLightItalic";
src: url("../fonts/MediatorSerifLightItalic/MediatorSerifLightItalic.eot");
src: url("../fonts/MediatorSerifLightItalic/MediatorSerifLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifLightItalic/MediatorSerifLightItalic.woff") format("woff"),
url("../fonts/MediatorSerifLightItalic/MediatorSerifLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif Italic
1. Для того, чтобы установить шрифт MediatorSerif Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifItalic";
src: url("../fonts/MediatorSerifItalic/MediatorSerifItalic.eot");
src: url("../fonts/MediatorSerifItalic/MediatorSerifItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifItalic/MediatorSerifItalic.woff") format("woff"),
url("../fonts/MediatorSerifItalic/MediatorSerifItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif BoldItalic
1. Для того, чтобы установить шрифт MediatorSerif BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifBoldItalic";
src: url("../fonts/MediatorSerifBoldItalic/MediatorSerifBoldItalic.eot");
src: url("../fonts/MediatorSerifBoldItalic/MediatorSerifBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifBoldItalic/MediatorSerifBoldItalic.woff") format("woff"),
url("../fonts/MediatorSerifBoldItalic/MediatorSerifBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт MediatorSerif BlackItalic
1. Для того, чтобы установить шрифт MediatorSerif BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /MediatorSerifBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "MediatorSerifBlackItalic";
src: url("../fonts/MediatorSerifBlackItalic/MediatorSerifBlackItalic.eot");
src: url("../fonts/MediatorSerifBlackItalic/MediatorSerifBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/MediatorSerifBlackItalic/MediatorSerifBlackItalic.woff") format("woff"),
url("../fonts/MediatorSerifBlackItalic/MediatorSerifBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!