Шрифт Editor
На нашем сайте, вы можете скачать шрифт Editor для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Editor Light
1. Для того, чтобы установить шрифт Editor Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /EditorLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "EditorLight";
src: url("../fonts/EditorLight/EditorLight.eot");
src: url("../fonts/EditorLight/EditorLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/EditorLight/EditorLight.woff") format("woff"),
url("../fonts/EditorLight/EditorLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Editor Regular
1. Для того, чтобы установить шрифт Editor Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /EditorRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "EditorRegular";
src: url("../fonts/EditorRegular/EditorRegular.eot");
src: url("../fonts/EditorRegular/EditorRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/EditorRegular/EditorRegular.woff") format("woff"),
url("../fonts/EditorRegular/EditorRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Editor Medium
1. Для того, чтобы установить шрифт Editor Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /EditorMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "EditorMedium";
src: url("../fonts/EditorMedium/EditorMedium.eot");
src: url("../fonts/EditorMedium/EditorMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/EditorMedium/EditorMedium.woff") format("woff"),
url("../fonts/EditorMedium/EditorMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Editor Bold
1. Для того, чтобы установить шрифт Editor Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /EditorBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "EditorBold";
src: url("../fonts/EditorBold/EditorBold.eot");
src: url("../fonts/EditorBold/EditorBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/EditorBold/EditorBold.woff") format("woff"),
url("../fonts/EditorBold/EditorBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Editor ExtraBold
1. Для того, чтобы установить шрифт Editor ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /EditorExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "EditorExtraBold";
src: url("../fonts/EditorExtraBold/EditorExtraBold.eot");
src: url("../fonts/EditorExtraBold/EditorExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/EditorExtraBold/EditorExtraBold.woff") format("woff"),
url("../fonts/EditorExtraBold/EditorExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Editor LightItalic
1. Для того, чтобы установить шрифт Editor LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /EditorLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "EditorLightItalic";
src: url("../fonts/EditorLightItalic/EditorLightItalic.eot");
src: url("../fonts/EditorLightItalic/EditorLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/EditorLightItalic/EditorLightItalic.woff") format("woff"),
url("../fonts/EditorLightItalic/EditorLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Editor Italic
1. Для того, чтобы установить шрифт Editor Italic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /EditorItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "EditorItalic";
src: url("../fonts/EditorItalic/EditorItalic.eot");
src: url("../fonts/EditorItalic/EditorItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/EditorItalic/EditorItalic.woff") format("woff"),
url("../fonts/EditorItalic/EditorItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Editor MediumItalic
1. Для того, чтобы установить шрифт Editor MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /EditorMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "EditorMediumItalic";
src: url("../fonts/EditorMediumItalic/EditorMediumItalic.eot");
src: url("../fonts/EditorMediumItalic/EditorMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/EditorMediumItalic/EditorMediumItalic.woff") format("woff"),
url("../fonts/EditorMediumItalic/EditorMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Editor BoldItalic
1. Для того, чтобы установить шрифт Editor BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /EditorBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "EditorBoldItalic";
src: url("../fonts/EditorBoldItalic/EditorBoldItalic.eot");
src: url("../fonts/EditorBoldItalic/EditorBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/EditorBoldItalic/EditorBoldItalic.woff") format("woff"),
url("../fonts/EditorBoldItalic/EditorBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Editor ExtraBoldItalic
1. Для того, чтобы установить шрифт Editor ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /EditorExtraBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "EditorExtraBoldItalic";
src: url("../fonts/EditorExtraBoldItalic/EditorExtraBoldItalic.eot");
src: url("../fonts/EditorExtraBoldItalic/EditorExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/EditorExtraBoldItalic/EditorExtraBoldItalic.woff") format("woff"),
url("../fonts/EditorExtraBoldItalic/EditorExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!