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