Шрифт AT Osmose
На нашем сайте, вы можете скачать шрифт AT Osmose для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ATOsmose UltraLightItalic
1. Для того, чтобы установить шрифт ATOsmose UltraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ATOsmoseUltraLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ATOsmoseUltraLightItalic";
src: url("../fonts/ATOsmoseUltraLightItalic/ATOsmoseUltraLightItalic.eot");
src: url("../fonts/ATOsmoseUltraLightItalic/ATOsmoseUltraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ATOsmoseUltraLightItalic/ATOsmoseUltraLightItalic.woff") format("woff"),
url("../fonts/ATOsmoseUltraLightItalic/ATOsmoseUltraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ATOsmose Light
1. Для того, чтобы установить шрифт ATOsmose Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ATOsmoseLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ATOsmoseLight";
src: url("../fonts/ATOsmoseLight/ATOsmoseLight.eot");
src: url("../fonts/ATOsmoseLight/ATOsmoseLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/ATOsmoseLight/ATOsmoseLight.woff") format("woff"),
url("../fonts/ATOsmoseLight/ATOsmoseLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ATOsmose Regular
1. Для того, чтобы установить шрифт ATOsmose Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ATOsmoseRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ATOsmoseRegular";
src: url("../fonts/ATOsmoseRegular/ATOsmoseRegular.eot");
src: url("../fonts/ATOsmoseRegular/ATOsmoseRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/ATOsmoseRegular/ATOsmoseRegular.woff") format("woff"),
url("../fonts/ATOsmoseRegular/ATOsmoseRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ATOsmose Medium
1. Для того, чтобы установить шрифт ATOsmose Medium в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ATOsmoseMedium /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ATOsmoseMedium";
src: url("../fonts/ATOsmoseMedium/ATOsmoseMedium.eot");
src: url("../fonts/ATOsmoseMedium/ATOsmoseMedium.eot?#iefix")format("embedded-opentype"),
url("../fonts/ATOsmoseMedium/ATOsmoseMedium.woff") format("woff"),
url("../fonts/ATOsmoseMedium/ATOsmoseMedium.ttf") format("truetype");
font-style: normal;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ATOsmose UltraLight
1. Для того, чтобы установить шрифт ATOsmose UltraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ATOsmoseUltraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ATOsmoseUltraLight";
src: url("../fonts/ATOsmoseUltraLight/ATOsmoseUltraLight.eot");
src: url("../fonts/ATOsmoseUltraLight/ATOsmoseUltraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/ATOsmoseUltraLight/ATOsmoseUltraLight.woff") format("woff"),
url("../fonts/ATOsmoseUltraLight/ATOsmoseUltraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ATOsmose Bold
1. Для того, чтобы установить шрифт ATOsmose Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ATOsmoseBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ATOsmoseBold";
src: url("../fonts/ATOsmoseBold/ATOsmoseBold.eot");
src: url("../fonts/ATOsmoseBold/ATOsmoseBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/ATOsmoseBold/ATOsmoseBold.woff") format("woff"),
url("../fonts/ATOsmoseBold/ATOsmoseBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ATOsmose LightItalic
1. Для того, чтобы установить шрифт ATOsmose LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ATOsmoseLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ATOsmoseLightItalic";
src: url("../fonts/ATOsmoseLightItalic/ATOsmoseLightItalic.eot");
src: url("../fonts/ATOsmoseLightItalic/ATOsmoseLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ATOsmoseLightItalic/ATOsmoseLightItalic.woff") format("woff"),
url("../fonts/ATOsmoseLightItalic/ATOsmoseLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ATOsmose MediumItalic
1. Для того, чтобы установить шрифт ATOsmose MediumItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ATOsmoseMediumItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ATOsmoseMediumItalic";
src: url("../fonts/ATOsmoseMediumItalic/ATOsmoseMediumItalic.eot");
src: url("../fonts/ATOsmoseMediumItalic/ATOsmoseMediumItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ATOsmoseMediumItalic/ATOsmoseMediumItalic.woff") format("woff"),
url("../fonts/ATOsmoseMediumItalic/ATOsmoseMediumItalic.ttf") format("truetype");
font-style: italic;
font-weight: 500;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ATOsmose BoldItalic
1. Для того, чтобы установить шрифт ATOsmose BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ATOsmoseBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ATOsmoseBoldItalic";
src: url("../fonts/ATOsmoseBoldItalic/ATOsmoseBoldItalic.eot");
src: url("../fonts/ATOsmoseBoldItalic/ATOsmoseBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ATOsmoseBoldItalic/ATOsmoseBoldItalic.woff") format("woff"),
url("../fonts/ATOsmoseBoldItalic/ATOsmoseBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт ATOsmose RegularItalic
1. Для того, чтобы установить шрифт ATOsmose RegularItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /ATOsmoseRegularItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "ATOsmoseRegularItalic";
src: url("../fonts/ATOsmoseRegularItalic/ATOsmoseRegularItalic.eot");
src: url("../fonts/ATOsmoseRegularItalic/ATOsmoseRegularItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/ATOsmoseRegularItalic/ATOsmoseRegularItalic.woff") format("woff"),
url("../fonts/ATOsmoseRegularItalic/ATOsmoseRegularItalic.ttf") format("truetype");
font-style: italic;
font-weight: 400;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!