Шрифт Sauna Pro
На нашем сайте, вы можете скачать шрифт Sauna Pro для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SaunaPro Dingbats
1. Для того, чтобы установить шрифт SaunaPro Dingbats в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SaunaProDingbats /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SaunaProDingbats";
src: url("../fonts/SaunaProDingbats/SaunaProDingbats.eot");
src: url("../fonts/SaunaProDingbats/SaunaProDingbats.eot?#iefix")format("embedded-opentype"),
url("../fonts/SaunaProDingbats/SaunaProDingbats.woff") format("woff"),
url("../fonts/SaunaProDingbats/SaunaProDingbats.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SaunaPro RegularItalicSwash
1. Для того, чтобы установить шрифт SaunaPro RegularItalicSwash в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SaunaProRegularItalicSwash /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SaunaProRegularItalicSwash";
src: url("../fonts/SaunaProRegularItalicSwash/SaunaProRegularItalicSwash.eot");
src: url("../fonts/SaunaProRegularItalicSwash/SaunaProRegularItalicSwash.eot?#iefix")format("embedded-opentype"),
url("../fonts/SaunaProRegularItalicSwash/SaunaProRegularItalicSwash.woff") format("woff"),
url("../fonts/SaunaProRegularItalicSwash/SaunaProRegularItalicSwash.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SaunaPro RegularSmallCaps
1. Для того, чтобы установить шрифт SaunaPro RegularSmallCaps в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SaunaProRegularSmallCaps /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SaunaProRegularSmallCaps";
src: url("../fonts/SaunaProRegularSmallCaps/SaunaProRegularSmallCaps.eot");
src: url("../fonts/SaunaProRegularSmallCaps/SaunaProRegularSmallCaps.eot?#iefix")format("embedded-opentype"),
url("../fonts/SaunaProRegularSmallCaps/SaunaProRegularSmallCaps.woff") format("woff"),
url("../fonts/SaunaProRegularSmallCaps/SaunaProRegularSmallCaps.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SaunaPro BoldItalicSwash
1. Для того, чтобы установить шрифт SaunaPro BoldItalicSwash в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SaunaProBoldItalicSwash /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SaunaProBoldItalicSwash";
src: url("../fonts/SaunaProBoldItalicSwash/SaunaProBoldItalicSwash.eot");
src: url("../fonts/SaunaProBoldItalicSwash/SaunaProBoldItalicSwash.eot?#iefix")format("embedded-opentype"),
url("../fonts/SaunaProBoldItalicSwash/SaunaProBoldItalicSwash.woff") format("woff"),
url("../fonts/SaunaProBoldItalicSwash/SaunaProBoldItalicSwash.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SaunaPro BlackItalicSwash
1. Для того, чтобы установить шрифт SaunaPro BlackItalicSwash в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SaunaProBlackItalicSwash /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SaunaProBlackItalicSwash";
src: url("../fonts/SaunaProBlackItalicSwash/SaunaProBlackItalicSwash.eot");
src: url("../fonts/SaunaProBlackItalicSwash/SaunaProBlackItalicSwash.eot?#iefix")format("embedded-opentype"),
url("../fonts/SaunaProBlackItalicSwash/SaunaProBlackItalicSwash.woff") format("woff"),
url("../fonts/SaunaProBlackItalicSwash/SaunaProBlackItalicSwash.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SaunaPro Regular
1. Для того, чтобы установить шрифт SaunaPro Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SaunaProRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SaunaProRegular";
src: url("../fonts/SaunaProRegular/SaunaProRegular.eot");
src: url("../fonts/SaunaProRegular/SaunaProRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/SaunaProRegular/SaunaProRegular.woff") format("woff"),
url("../fonts/SaunaProRegular/SaunaProRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SaunaPro Bold
1. Для того, чтобы установить шрифт SaunaPro Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SaunaProBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SaunaProBold";
src: url("../fonts/SaunaProBold/SaunaProBold.eot");
src: url("../fonts/SaunaProBold/SaunaProBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/SaunaProBold/SaunaProBold.woff") format("woff"),
url("../fonts/SaunaProBold/SaunaProBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SaunaPro Black
1. Для того, чтобы установить шрифт SaunaPro Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SaunaProBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SaunaProBlack";
src: url("../fonts/SaunaProBlack/SaunaProBlack.eot");
src: url("../fonts/SaunaProBlack/SaunaProBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/SaunaProBlack/SaunaProBlack.woff") format("woff"),
url("../fonts/SaunaProBlack/SaunaProBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SaunaPro BoldItalic
1. Для того, чтобы установить шрифт SaunaPro BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SaunaProBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SaunaProBoldItalic";
src: url("../fonts/SaunaProBoldItalic/SaunaProBoldItalic.eot");
src: url("../fonts/SaunaProBoldItalic/SaunaProBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/SaunaProBoldItalic/SaunaProBoldItalic.woff") format("woff"),
url("../fonts/SaunaProBoldItalic/SaunaProBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SaunaPro BlackItalic
1. Для того, чтобы установить шрифт SaunaPro BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SaunaProBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SaunaProBlackItalic";
src: url("../fonts/SaunaProBlackItalic/SaunaProBlackItalic.eot");
src: url("../fonts/SaunaProBlackItalic/SaunaProBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/SaunaProBlackItalic/SaunaProBlackItalic.woff") format("woff"),
url("../fonts/SaunaProBlackItalic/SaunaProBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт SaunaPro RegularItalic
1. Для того, чтобы установить шрифт SaunaPro RegularItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SaunaProRegularItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SaunaProRegularItalic";
src: url("../fonts/SaunaProRegularItalic/SaunaProRegularItalic.eot");
src: url("../fonts/SaunaProRegularItalic/SaunaProRegularItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/SaunaProRegularItalic/SaunaProRegularItalic.woff") format("woff"),
url("../fonts/SaunaProRegularItalic/SaunaProRegularItalic.ttf") format("truetype");
font-style: italic;
font-weight: 400;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!