Шрифт Arethusa Pro
На нашем сайте, вы можете скачать шрифт Arethusa Pro для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ArethusaPro ItalicBook
1. Для того, чтобы установить шрифт ArethusaPro ItalicBook в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/ArethusaProItalicBook
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ArethusaProItalicBook";
src: url("../fonts/ArethusaProItalicBook/ArethusaProItalicBook.eot");
src: url("../fonts/ArethusaProItalicBook/ArethusaProItalicBook.eot?#iefix")format("embedded-opentype"),
url("../fonts/ArethusaProItalicBook/ArethusaProItalicBook.woff") format("woff"),
url("../fonts/ArethusaProItalicBook/ArethusaProItalicBook.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ArethusaPro Light
1. Для того, чтобы установить шрифт ArethusaPro Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/ArethusaProLight
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ArethusaProLight";
src: url("../fonts/ArethusaProLight/ArethusaProLight.eot");
src: url("../fonts/ArethusaProLight/ArethusaProLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/ArethusaProLight/ArethusaProLight.woff") format("woff"),
url("../fonts/ArethusaProLight/ArethusaProLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ArethusaPro Regular
1. Для того, чтобы установить шрифт ArethusaPro Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/ArethusaProRegular
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ArethusaProRegular";
src: url("../fonts/ArethusaProRegular/ArethusaProRegular.eot");
src: url("../fonts/ArethusaProRegular/ArethusaProRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/ArethusaProRegular/ArethusaProRegular.woff") format("woff"),
url("../fonts/ArethusaProRegular/ArethusaProRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ArethusaPro Medium
1. Для того, чтобы установить шрифт ArethusaPro Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/ArethusaProMedium
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ArethusaProMedium";
src: url("../fonts/ArethusaProMedium/ArethusaProMedium.eot");
src: url("../fonts/ArethusaProMedium/ArethusaProMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/ArethusaProMedium/ArethusaProMedium.woff") format("woff"),
url("../fonts/ArethusaProMedium/ArethusaProMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ArethusaPro SemiBold
1. Для того, чтобы установить шрифт ArethusaPro SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/ArethusaProSemiBold
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ArethusaProSemiBold";
src: url("../fonts/ArethusaProSemiBold/ArethusaProSemiBold.eot");
src: url("../fonts/ArethusaProSemiBold/ArethusaProSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/ArethusaProSemiBold/ArethusaProSemiBold.woff") format("woff"),
url("../fonts/ArethusaProSemiBold/ArethusaProSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ArethusaPro Bold
1. Для того, чтобы установить шрифт ArethusaPro Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/ArethusaProBold
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ArethusaProBold";
src: url("../fonts/ArethusaProBold/ArethusaProBold.eot");
src: url("../fonts/ArethusaProBold/ArethusaProBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/ArethusaProBold/ArethusaProBold.woff") format("woff"),
url("../fonts/ArethusaProBold/ArethusaProBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ArethusaPro LightItalic
1. Для того, чтобы установить шрифт ArethusaPro LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/ArethusaProLightItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ArethusaProLightItalic";
src: url("../fonts/ArethusaProLightItalic/ArethusaProLightItalic.eot");
src: url("../fonts/ArethusaProLightItalic/ArethusaProLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ArethusaProLightItalic/ArethusaProLightItalic.woff") format("woff"),
url("../fonts/ArethusaProLightItalic/ArethusaProLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ArethusaPro MediumItalic
1. Для того, чтобы установить шрифт ArethusaPro MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/ArethusaProMediumItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ArethusaProMediumItalic";
src: url("../fonts/ArethusaProMediumItalic/ArethusaProMediumItalic.eot");
src: url("../fonts/ArethusaProMediumItalic/ArethusaProMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ArethusaProMediumItalic/ArethusaProMediumItalic.woff") format("woff"),
url("../fonts/ArethusaProMediumItalic/ArethusaProMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ArethusaPro BoldItalic
1. Для того, чтобы установить шрифт ArethusaPro BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/ArethusaProBoldItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ArethusaProBoldItalic";
src: url("../fonts/ArethusaProBoldItalic/ArethusaProBoldItalic.eot");
src: url("../fonts/ArethusaProBoldItalic/ArethusaProBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ArethusaProBoldItalic/ArethusaProBoldItalic.woff") format("woff"),
url("../fonts/ArethusaProBoldItalic/ArethusaProBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ArethusaPro SemiBoldItalic
1. Для того, чтобы установить шрифт ArethusaPro SemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/ArethusaProSemiBoldItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ArethusaProSemiBoldItalic";
src: url("../fonts/ArethusaProSemiBoldItalic/ArethusaProSemiBoldItalic.eot");
src: url("../fonts/ArethusaProSemiBoldItalic/ArethusaProSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ArethusaProSemiBoldItalic/ArethusaProSemiBoldItalic.woff") format("woff"),
url("../fonts/ArethusaProSemiBoldItalic/ArethusaProSemiBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ArethusaPro Book
1. Для того, чтобы установить шрифт ArethusaPro Book в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/ArethusaProBook
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ArethusaProBook";
src: url("../fonts/ArethusaProBook/ArethusaProBook.eot");
src: url("../fonts/ArethusaProBook/ArethusaProBook.eot?#iefix")format("embedded-opentype"),
url("../fonts/ArethusaProBook/ArethusaProBook.woff") format("woff"),
url("../fonts/ArethusaProBook/ArethusaProBook.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ArethusaPro RegularItalic
1. Для того, чтобы установить шрифт ArethusaPro RegularItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов:
/ (корневой каталог шаблона или проекта)
/fonts (Шрифты из архива распаковываем в папку /fonts)
/ArethusaProRegularItalic
/css (Папка со стилями должна находиться в той-же категории, что и /fonts)
/stylename.css (Файл стилей, в котором подключаются русские шрифты)
2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css./* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ArethusaProRegularItalic";
src: url("../fonts/ArethusaProRegularItalic/ArethusaProRegularItalic.eot");
src: url("../fonts/ArethusaProRegularItalic/ArethusaProRegularItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ArethusaProRegularItalic/ArethusaProRegularItalic.woff") format("woff"),
url("../fonts/ArethusaProRegularItalic/ArethusaProRegularItalic.ttf") format("truetype");
font-style: italic;
font-weight: 400;
}А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!