Шрифт Sagona
На нашем сайте, вы можете скачать шрифт Sagona для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sagona Thin
1. Для того, чтобы установить шрифт Sagona Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SagonaThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SagonaThin";
src: url("../fonts/SagonaThin/SagonaThin.eot");
src: url("../fonts/SagonaThin/SagonaThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/SagonaThin/SagonaThin.woff") format("woff"),
url("../fonts/SagonaThin/SagonaThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sagona ExtraLight
1. Для того, чтобы установить шрифт Sagona ExtraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SagonaExtraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SagonaExtraLight";
src: url("../fonts/SagonaExtraLight/SagonaExtraLight.eot");
src: url("../fonts/SagonaExtraLight/SagonaExtraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/SagonaExtraLight/SagonaExtraLight.woff") format("woff"),
url("../fonts/SagonaExtraLight/SagonaExtraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sagona Light
1. Для того, чтобы установить шрифт Sagona Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SagonaLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SagonaLight";
src: url("../fonts/SagonaLight/SagonaLight.eot");
src: url("../fonts/SagonaLight/SagonaLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/SagonaLight/SagonaLight.woff") format("woff"),
url("../fonts/SagonaLight/SagonaLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sagona Medium
1. Для того, чтобы установить шрифт Sagona Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SagonaMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SagonaMedium";
src: url("../fonts/SagonaMedium/SagonaMedium.eot");
src: url("../fonts/SagonaMedium/SagonaMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/SagonaMedium/SagonaMedium.woff") format("woff"),
url("../fonts/SagonaMedium/SagonaMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sagona SemiBold
1. Для того, чтобы установить шрифт Sagona SemiBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SagonaSemiBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SagonaSemiBold";
src: url("../fonts/SagonaSemiBold/SagonaSemiBold.eot");
src: url("../fonts/SagonaSemiBold/SagonaSemiBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/SagonaSemiBold/SagonaSemiBold.woff") format("woff"),
url("../fonts/SagonaSemiBold/SagonaSemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sagona Bold
1. Для того, чтобы установить шрифт Sagona Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SagonaBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SagonaBold";
src: url("../fonts/SagonaBold/SagonaBold.eot");
src: url("../fonts/SagonaBold/SagonaBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/SagonaBold/SagonaBold.woff") format("woff"),
url("../fonts/SagonaBold/SagonaBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sagona ExtraBold
1. Для того, чтобы установить шрифт Sagona ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SagonaExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SagonaExtraBold";
src: url("../fonts/SagonaExtraBold/SagonaExtraBold.eot");
src: url("../fonts/SagonaExtraBold/SagonaExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/SagonaExtraBold/SagonaExtraBold.woff") format("woff"),
url("../fonts/SagonaExtraBold/SagonaExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sagona ThinItalic
1. Для того, чтобы установить шрифт Sagona ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SagonaThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SagonaThinItalic";
src: url("../fonts/SagonaThinItalic/SagonaThinItalic.eot");
src: url("../fonts/SagonaThinItalic/SagonaThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/SagonaThinItalic/SagonaThinItalic.woff") format("woff"),
url("../fonts/SagonaThinItalic/SagonaThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sagona ExtraLightItalic
1. Для того, чтобы установить шрифт Sagona ExtraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SagonaExtraLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SagonaExtraLightItalic";
src: url("../fonts/SagonaExtraLightItalic/SagonaExtraLightItalic.eot");
src: url("../fonts/SagonaExtraLightItalic/SagonaExtraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/SagonaExtraLightItalic/SagonaExtraLightItalic.woff") format("woff"),
url("../fonts/SagonaExtraLightItalic/SagonaExtraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sagona LightItalic
1. Для того, чтобы установить шрифт Sagona LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SagonaLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SagonaLightItalic";
src: url("../fonts/SagonaLightItalic/SagonaLightItalic.eot");
src: url("../fonts/SagonaLightItalic/SagonaLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/SagonaLightItalic/SagonaLightItalic.woff") format("woff"),
url("../fonts/SagonaLightItalic/SagonaLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sagona MediumItalic
1. Для того, чтобы установить шрифт Sagona MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SagonaMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SagonaMediumItalic";
src: url("../fonts/SagonaMediumItalic/SagonaMediumItalic.eot");
src: url("../fonts/SagonaMediumItalic/SagonaMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/SagonaMediumItalic/SagonaMediumItalic.woff") format("woff"),
url("../fonts/SagonaMediumItalic/SagonaMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sagona BoldItalic
1. Для того, чтобы установить шрифт Sagona BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SagonaBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SagonaBoldItalic";
src: url("../fonts/SagonaBoldItalic/SagonaBoldItalic.eot");
src: url("../fonts/SagonaBoldItalic/SagonaBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/SagonaBoldItalic/SagonaBoldItalic.woff") format("woff"),
url("../fonts/SagonaBoldItalic/SagonaBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sagona SemiBoldItalic
1. Для того, чтобы установить шрифт Sagona SemiBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SagonaSemiBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SagonaSemiBoldItalic";
src: url("../fonts/SagonaSemiBoldItalic/SagonaSemiBoldItalic.eot");
src: url("../fonts/SagonaSemiBoldItalic/SagonaSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/SagonaSemiBoldItalic/SagonaSemiBoldItalic.woff") format("woff"),
url("../fonts/SagonaSemiBoldItalic/SagonaSemiBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sagona ExtraBoldItalic
1. Для того, чтобы установить шрифт Sagona ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SagonaExtraBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SagonaExtraBoldItalic";
src: url("../fonts/SagonaExtraBoldItalic/SagonaExtraBoldItalic.eot");
src: url("../fonts/SagonaExtraBoldItalic/SagonaExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/SagonaExtraBoldItalic/SagonaExtraBoldItalic.woff") format("woff"),
url("../fonts/SagonaExtraBoldItalic/SagonaExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sagona Book
1. Для того, чтобы установить шрифт Sagona Book в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SagonaBook /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SagonaBook";
src: url("../fonts/SagonaBook/SagonaBook.eot");
src: url("../fonts/SagonaBook/SagonaBook.eot?#iefix")format("embedded-opentype"),
url("../fonts/SagonaBook/SagonaBook.woff") format("woff"),
url("../fonts/SagonaBook/SagonaBook.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sagona Heavy
1. Для того, чтобы установить шрифт Sagona Heavy в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SagonaHeavy /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SagonaHeavy";
src: url("../fonts/SagonaHeavy/SagonaHeavy.eot");
src: url("../fonts/SagonaHeavy/SagonaHeavy.eot?#iefix")format("embedded-opentype"),
url("../fonts/SagonaHeavy/SagonaHeavy.woff") format("woff"),
url("../fonts/SagonaHeavy/SagonaHeavy.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sagona HeavyItalic
1. Для того, чтобы установить шрифт Sagona HeavyItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SagonaHeavyItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SagonaHeavyItalic";
src: url("../fonts/SagonaHeavyItalic/SagonaHeavyItalic.eot");
src: url("../fonts/SagonaHeavyItalic/SagonaHeavyItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/SagonaHeavyItalic/SagonaHeavyItalic.woff") format("woff"),
url("../fonts/SagonaHeavyItalic/SagonaHeavyItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Sagona BookItalic
1. Для того, чтобы установить шрифт Sagona BookItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /SagonaBookItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "SagonaBookItalic";
src: url("../fonts/SagonaBookItalic/SagonaBookItalic.eot");
src: url("../fonts/SagonaBookItalic/SagonaBookItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/SagonaBookItalic/SagonaBookItalic.woff") format("woff"),
url("../fonts/SagonaBookItalic/SagonaBookItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!