Шрифт Juno Expanded
На нашем сайте, вы можете скачать шрифт Juno Expanded для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт JunoExpanded Regular
1. Для того, чтобы установить шрифт JunoExpanded Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /JunoExpandedRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "JunoExpandedRegular";
src: url("../fonts/JunoExpandedRegular/JunoExpandedRegular.eot");
src: url("../fonts/JunoExpandedRegular/JunoExpandedRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/JunoExpandedRegular/JunoExpandedRegular.woff") format("woff"),
url("../fonts/JunoExpandedRegular/JunoExpandedRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт JunoExpanded Medium
1. Для того, чтобы установить шрифт JunoExpanded Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /JunoExpandedMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "JunoExpandedMedium";
src: url("../fonts/JunoExpandedMedium/JunoExpandedMedium.eot");
src: url("../fonts/JunoExpandedMedium/JunoExpandedMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/JunoExpandedMedium/JunoExpandedMedium.woff") format("woff"),
url("../fonts/JunoExpandedMedium/JunoExpandedMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт JunoExpanded Bold
1. Для того, чтобы установить шрифт JunoExpanded Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /JunoExpandedBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "JunoExpandedBold";
src: url("../fonts/JunoExpandedBold/JunoExpandedBold.eot");
src: url("../fonts/JunoExpandedBold/JunoExpandedBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/JunoExpandedBold/JunoExpandedBold.woff") format("woff"),
url("../fonts/JunoExpandedBold/JunoExpandedBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт JunoExpanded Black
1. Для того, чтобы установить шрифт JunoExpanded Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /JunoExpandedBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "JunoExpandedBlack";
src: url("../fonts/JunoExpandedBlack/JunoExpandedBlack.eot");
src: url("../fonts/JunoExpandedBlack/JunoExpandedBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/JunoExpandedBlack/JunoExpandedBlack.woff") format("woff"),
url("../fonts/JunoExpandedBlack/JunoExpandedBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт JunoExpanded MediumItalic
1. Для того, чтобы установить шрифт JunoExpanded MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /JunoExpandedMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "JunoExpandedMediumItalic";
src: url("../fonts/JunoExpandedMediumItalic/JunoExpandedMediumItalic.eot");
src: url("../fonts/JunoExpandedMediumItalic/JunoExpandedMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/JunoExpandedMediumItalic/JunoExpandedMediumItalic.woff") format("woff"),
url("../fonts/JunoExpandedMediumItalic/JunoExpandedMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт JunoExpanded BoldItalic
1. Для того, чтобы установить шрифт JunoExpanded BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /JunoExpandedBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "JunoExpandedBoldItalic";
src: url("../fonts/JunoExpandedBoldItalic/JunoExpandedBoldItalic.eot");
src: url("../fonts/JunoExpandedBoldItalic/JunoExpandedBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/JunoExpandedBoldItalic/JunoExpandedBoldItalic.woff") format("woff"),
url("../fonts/JunoExpandedBoldItalic/JunoExpandedBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт JunoExpanded BlackItalic
1. Для того, чтобы установить шрифт JunoExpanded BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /JunoExpandedBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "JunoExpandedBlackItalic";
src: url("../fonts/JunoExpandedBlackItalic/JunoExpandedBlackItalic.eot");
src: url("../fonts/JunoExpandedBlackItalic/JunoExpandedBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/JunoExpandedBlackItalic/JunoExpandedBlackItalic.woff") format("woff"),
url("../fonts/JunoExpandedBlackItalic/JunoExpandedBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт JunoExpanded RegularItalic
1. Для того, чтобы установить шрифт JunoExpanded RegularItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /JunoExpandedRegularItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "JunoExpandedRegularItalic";
src: url("../fonts/JunoExpandedRegularItalic/JunoExpandedRegularItalic.eot");
src: url("../fonts/JunoExpandedRegularItalic/JunoExpandedRegularItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/JunoExpandedRegularItalic/JunoExpandedRegularItalic.woff") format("woff"),
url("../fonts/JunoExpandedRegularItalic/JunoExpandedRegularItalic.ttf") format("truetype");
font-style: italic;
font-weight: 400;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!