Шрифт Urbani
На нашем сайте, вы можете скачать шрифт Urbani для своего сайта, или на свой компьютер, абсолютно бесплатно!
Добавляйте выбранные начертания и шрифты в "Коллекцию" нажав кнопку [+], чтобы скачать ZIP архивом только те файлы шрифтов, которые Вам нужны.
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Urbani Thin
1. Для того, чтобы установить шрифт Urbani Thin в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /UrbaniThin /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "UrbaniThin";
src: url("../fonts/UrbaniThin/UrbaniThin.eot");
src: url("../fonts/UrbaniThin/UrbaniThin.eot?#iefix")format("embedded-opentype"),
url("../fonts/UrbaniThin/UrbaniThin.woff") format("woff"),
url("../fonts/UrbaniThin/UrbaniThin.ttf") format("truetype");
font-style: normal;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Urbani UltraLightItalic
1. Для того, чтобы установить шрифт Urbani UltraLightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /UrbaniUltraLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "UrbaniUltraLightItalic";
src: url("../fonts/UrbaniUltraLightItalic/UrbaniUltraLightItalic.eot");
src: url("../fonts/UrbaniUltraLightItalic/UrbaniUltraLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/UrbaniUltraLightItalic/UrbaniUltraLightItalic.woff") format("woff"),
url("../fonts/UrbaniUltraLightItalic/UrbaniUltraLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Urbani Light
1. Для того, чтобы установить шрифт Urbani Light в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /UrbaniLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "UrbaniLight";
src: url("../fonts/UrbaniLight/UrbaniLight.eot");
src: url("../fonts/UrbaniLight/UrbaniLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/UrbaniLight/UrbaniLight.woff") format("woff"),
url("../fonts/UrbaniLight/UrbaniLight.ttf") format("truetype");
font-style: normal;
font-weight: 300;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Urbani Regular
1. Для того, чтобы установить шрифт Urbani Regular в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /UrbaniRegular /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "UrbaniRegular";
src: url("../fonts/UrbaniRegular/UrbaniRegular.eot");
src: url("../fonts/UrbaniRegular/UrbaniRegular.eot?#iefix")format("embedded-opentype"),
url("../fonts/UrbaniRegular/UrbaniRegular.woff") format("woff"),
url("../fonts/UrbaniRegular/UrbaniRegular.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Urbani UltraLight
1. Для того, чтобы установить шрифт Urbani UltraLight в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /UrbaniUltraLight /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "UrbaniUltraLight";
src: url("../fonts/UrbaniUltraLight/UrbaniUltraLight.eot");
src: url("../fonts/UrbaniUltraLight/UrbaniUltraLight.eot?#iefix")format("embedded-opentype"),
url("../fonts/UrbaniUltraLight/UrbaniUltraLight.woff") format("woff"),
url("../fonts/UrbaniUltraLight/UrbaniUltraLight.ttf") format("truetype");
font-style: normal;
font-weight: 200;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Urbani Bold
1. Для того, чтобы установить шрифт Urbani Bold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /UrbaniBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "UrbaniBold";
src: url("../fonts/UrbaniBold/UrbaniBold.eot");
src: url("../fonts/UrbaniBold/UrbaniBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/UrbaniBold/UrbaniBold.woff") format("woff"),
url("../fonts/UrbaniBold/UrbaniBold.ttf") format("truetype");
font-style: normal;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Urbani ExtraBold
1. Для того, чтобы установить шрифт Urbani ExtraBold в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /UrbaniExtraBold /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "UrbaniExtraBold";
src: url("../fonts/UrbaniExtraBold/UrbaniExtraBold.eot");
src: url("../fonts/UrbaniExtraBold/UrbaniExtraBold.eot?#iefix")format("embedded-opentype"),
url("../fonts/UrbaniExtraBold/UrbaniExtraBold.woff") format("woff"),
url("../fonts/UrbaniExtraBold/UrbaniExtraBold.ttf") format("truetype");
font-style: normal;
font-weight: 800;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Urbani Black
1. Для того, чтобы установить шрифт Urbani Black в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /UrbaniBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "UrbaniBlack";
src: url("../fonts/UrbaniBlack/UrbaniBlack.eot");
src: url("../fonts/UrbaniBlack/UrbaniBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/UrbaniBlack/UrbaniBlack.woff") format("woff"),
url("../fonts/UrbaniBlack/UrbaniBlack.ttf") format("truetype");
font-style: normal;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Urbani UltraBlack
1. Для того, чтобы установить шрифт Urbani UltraBlack в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /UrbaniUltraBlack /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "UrbaniUltraBlack";
src: url("../fonts/UrbaniUltraBlack/UrbaniUltraBlack.eot");
src: url("../fonts/UrbaniUltraBlack/UrbaniUltraBlack.eot?#iefix")format("embedded-opentype"),
url("../fonts/UrbaniUltraBlack/UrbaniUltraBlack.woff") format("woff"),
url("../fonts/UrbaniUltraBlack/UrbaniUltraBlack.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Urbani ThinItalic
1. Для того, чтобы установить шрифт Urbani ThinItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /UrbaniThinItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "UrbaniThinItalic";
src: url("../fonts/UrbaniThinItalic/UrbaniThinItalic.eot");
src: url("../fonts/UrbaniThinItalic/UrbaniThinItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/UrbaniThinItalic/UrbaniThinItalic.woff") format("woff"),
url("../fonts/UrbaniThinItalic/UrbaniThinItalic.ttf") format("truetype");
font-style: italic;
font-weight: 100;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Urbani LightItalic
1. Для того, чтобы установить шрифт Urbani LightItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /UrbaniLightItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "UrbaniLightItalic";
src: url("../fonts/UrbaniLightItalic/UrbaniLightItalic.eot");
src: url("../fonts/UrbaniLightItalic/UrbaniLightItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/UrbaniLightItalic/UrbaniLightItalic.woff") format("woff"),
url("../fonts/UrbaniLightItalic/UrbaniLightItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Urbani BoldItalic
1. Для того, чтобы установить шрифт Urbani BoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /UrbaniBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "UrbaniBoldItalic";
src: url("../fonts/UrbaniBoldItalic/UrbaniBoldItalic.eot");
src: url("../fonts/UrbaniBoldItalic/UrbaniBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/UrbaniBoldItalic/UrbaniBoldItalic.woff") format("woff"),
url("../fonts/UrbaniBoldItalic/UrbaniBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: 700;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Urbani ExtraBoldItalic
1. Для того, чтобы установить шрифт Urbani ExtraBoldItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /UrbaniExtraBoldItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "UrbaniExtraBoldItalic";
src: url("../fonts/UrbaniExtraBoldItalic/UrbaniExtraBoldItalic.eot");
src: url("../fonts/UrbaniExtraBoldItalic/UrbaniExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/UrbaniExtraBoldItalic/UrbaniExtraBoldItalic.woff") format("woff"),
url("../fonts/UrbaniExtraBoldItalic/UrbaniExtraBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Urbani BlackItalic
1. Для того, чтобы установить шрифт Urbani BlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /UrbaniBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "UrbaniBlackItalic";
src: url("../fonts/UrbaniBlackItalic/UrbaniBlackItalic.eot");
src: url("../fonts/UrbaniBlackItalic/UrbaniBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/UrbaniBlackItalic/UrbaniBlackItalic.woff") format("woff"),
url("../fonts/UrbaniBlackItalic/UrbaniBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: 900;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Urbani UltraBlackItalic
1. Для того, чтобы установить шрифт Urbani UltraBlackItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /UrbaniUltraBlackItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "UrbaniUltraBlackItalic";
src: url("../fonts/UrbaniUltraBlackItalic/UrbaniUltraBlackItalic.eot");
src: url("../fonts/UrbaniUltraBlackItalic/UrbaniUltraBlackItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/UrbaniUltraBlackItalic/UrbaniUltraBlackItalic.woff") format("woff"),
url("../fonts/UrbaniUltraBlackItalic/UrbaniUltraBlackItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Urbani Book
1. Для того, чтобы установить шрифт Urbani Book в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /UrbaniBook /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "UrbaniBook";
src: url("../fonts/UrbaniBook/UrbaniBook.eot");
src: url("../fonts/UrbaniBook/UrbaniBook.eot?#iefix")format("embedded-opentype"),
url("../fonts/UrbaniBook/UrbaniBook.woff") format("woff"),
url("../fonts/UrbaniBook/UrbaniBook.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Urbani BookItalic
1. Для того, чтобы установить шрифт Urbani BookItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /UrbaniBookItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "UrbaniBookItalic";
src: url("../fonts/UrbaniBookItalic/UrbaniBookItalic.eot");
src: url("../fonts/UrbaniBookItalic/UrbaniBookItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/UrbaniBookItalic/UrbaniBookItalic.woff") format("woff"),
url("../fonts/UrbaniBookItalic/UrbaniBookItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
}
The quick brown fox jumps over the lazy dog
1234567890 !@#$%^&*()_+-=
Как установить шрифт Urbani RegularItalic
1. Для того, чтобы установить шрифт Urbani RegularItalic в свой HTML-проект, сперва скопируйе содержимое архива в папку /fonts, которая должна лежать в той-же директории, что и папка /css вашего HTML сайта.
Структура проекта после установки шрифтов: / (корневой каталог шаблона или проекта) /fonts (Шрифты из архива распаковываем в папку /fonts) /UrbaniRegularItalic /css (Папка со стилями должна находиться в той-же категории, что и /fonts) /stylename.css (Файл стилей, в котором подключаются русские шрифты)2. Далее вставляем код, указанный ниже, в файл стилей, который должен находиться в папке /css.
/* Код для подключения шрифта в /css/stylename.css */
@font-face {
font-family: "UrbaniRegularItalic";
src: url("../fonts/UrbaniRegularItalic/UrbaniRegularItalic.eot");
src: url("../fonts/UrbaniRegularItalic/UrbaniRegularItalic.eot?#iefix")format("embedded-opentype"),
url("../fonts/UrbaniRegularItalic/UrbaniRegularItalic.woff") format("woff"),
url("../fonts/UrbaniRegularItalic/UrbaniRegularItalic.ttf") format("truetype");
font-style: italic;
font-weight: 400;
}
А лучше, используйте "коллекции" чтобы получить готовый архив с css файлом и нужными шрифтами, для этого жмите [+] и выбраный шрифт попадет в вашу коллекцию, можно добавлять разные шрифты и начертания, чтобы скачать только те, которые Вам нужны.
Кроме того, вы можете скачать сгенерированный плагин для WordPress сайта, и установить шрифты через менеджер плагинов в админке!