Roboto italic

Таблица символов

Для просмотра различных таблиц символов, содержащихся в этом шрифте, пожалуйста, используйте раскрывающееся меню.


Базовая латиница (95)Латиница-1 дополнительная (95)Расширенная латиница-A (128)Расширенная латиница-B (15)Символы изменения пробела (10)Диакритические знаки (4)Греческое письмо (75)Кириллица (255)Дополнение к кириллице (20)Дополнительное расширение латиницы (100)Расширение греческого письма (1)Знаки пунктуации (23)Верхние и нижние индексы (2)Денежные символы (5)Буквоподобные символы (6)Числовые формы (4)Математические операторы (11)Геометрические фигуры (1)Декоративные варианты букв (4)Специальные символы (2)Страницы

Top roboto Answerers

All Time

90

piotrek1543 17.2k55 gold badges6565 silver badges8484 bronze badges

63

Jared Rummler 34.4k1717 gold badges121121 silver badges137137 bronze badges

46

Daniel Bank 2,53733 gold badges2929 silver badges3737 bronze badges

43

kimomat 1,5171414 silver badges2727 bronze badges

14

Kailo 38511 gold badge33 silver badges1212 bronze badges

12

Sylvain Lesage 17933 silver badges99 bronze badges

11

Roman Akash 61444 silver badges1111 bronze badges

9

SnakeyHips 1,77977 silver badges2323 bronze badges

8

Mohamed Islam 60266 silver badges1111 bronze badges

7

RRikesh 11.5k55 gold badges3939 silver badges6464 bronze badges

7

insertusernamehere 21.1k66 gold badges7777 silver badges111111 bronze badges

7

hope 9777 bronze badges

4

Tanver Hasan 98077 silver badges1212 bronze badges

4

rugk 1,90111 gold badge1111 silver badges3535 bronze badges

4

Simon 2,04933 gold badges2424 silver badges4747 bronze badges

4

tao 51.5k1111 gold badges6767 silver badges9292 bronze badges

3

sumod badchhape 34633 silver badges88 bronze badges

3

Jejuni 42122 silver badges77 bronze badges

3

van100j 98577 silver badges1717 bronze badges

3

Jon Lambson 44722 silver badges1111 bronze badges

Откуда берутся бесплатные шрифты

В прошлом бесплатные шрифты появлялись двумя способами: их «ради фана» или в процессе шлифовки мастерства могли делать опытные дизайнеры или профессионалы, которые выпускают один бесплатный шрифт, чтобы привлечь внимание к остальным платным работам. Все изменилось

Не так давно даже такие крупные компании, как Adobe и Google, начали делать свои шрифты открытыми, передавая их участникам разработки различных open source-проектов. Профессиональные дизайнеры также не сидят сложа руки и активно продвигают свою экспертизу, публикуя целые шрифтовые семейства на сервисе Google Fonts

Все изменилось. Не так давно даже такие крупные компании, как Adobe и Google, начали делать свои шрифты открытыми, передавая их участникам разработки различных open source-проектов. Профессиональные дизайнеры также не сидят сложа руки и активно продвигают свою экспертизу, публикуя целые шрифтовые семейства на сервисе Google Fonts.

В результате усилий open source-сообщества, теперь в мире есть настолько качественные бесплатные шрифты, что их не побрезгует использовать в своем проекте даже какой-нибудь сноб типографики. Вот несколько примеров шрифтов с разнообразными вариантами начертаний и соответствующих стилей. Они подходят как для заголовков, так и для текста в теле веб-страницы. Они же отлично рендерятся для отображения как на обычных экранах, так и на небольших устройствах.

Как подключить шрифт от Google

Здесь все еще проще. Мы заходим на эту страницу и выбираем нужный вам шрифт, например, нам понравился кириллический Open Sans.

Мы идем и нажимаем на иконку быстрое добавление или использование. Вот на скриншоте показано:

Нажав сюда, мы увидим следующую картину:

Т. Е мы можем выбрать еще и в каких начертаниях он будет, а справа мы видим скорость загрузки

Здесь есть одно важное примечание: Не вводите все галочки!

Потому как это замедляет в целом работу вашего сайта. Достаточно выбрать только нормальное его использование, т. е по умолчанию галочка на Normal 400 и все! Если вы будете последовательно все включать, то значок Page Load будет увеличиваться и приближаться к красной отметке. Оно вам надо! Вы же хотите, чтобы все быстро открывалось или как?

Следующим шагом мы скроллим ниже и видим вот такую область:

Это код, который вам нужно вставить между служебными тегами <head></head>

<link href=’http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic’ rel=’stylesheet’ type=’text/css’>

1 <link href=’http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic’rel=’stylesheet’type=’text/css’>

Его я подключаю в следующем месте:

Далее все по отработанной схеме. В главный родительский тег либо  html  либо  body  прописываете вот эту строчку:

font-family: ‘Open Sans’, sans-serif;

1 font-family’Open Sans’,sans-serif;

И не нужно теперь ничего подключать через такую запись @font-face

На этом все дорогие читатели. Вроде попытался разжевать все подробно. Это самый простой, популярный и работоспособный способ, есть также другие фишки, но они, на мой взгляд, усложнят для вас задачу. Предлагаю вашему вниманию авторские видео уроки. Не забывайте нажать на кнопки социальных сетей, чтобы увидеть их. Всем спасибо до следующих встреч.

Usage

In XML

To set up a typeface you must specify the parameter :

<com.devspark.robototextview.widget.RobotoTextView
    xmlnsandroid="http://schemas.android.com/apk/res/android"
    xmlnsapp="http://schemas.android.com/apk/res-auto"
    androidlayout_width="wrap_content"
    androidlayout_height="wrap_content"
    approbotoTypeface="roboto_light_italic"/>

or specify a set of parameters , and :

<com.devspark.robototextview.widget.RobotoTextView
    xmlnsandroid="http://schemas.android.com/apk/res/android"
    xmlnsapp="http://schemas.android.com/apk/res-auto"
    androidlayout_width="wrap_content"
    androidlayout_height="wrap_content"
    approbotoFontFamily="roboto"
    approbotoTextWeight="light"
    approbotoTextStyle="italic"/>

Set up typeface in code:

In Code

Using parameter :

RobotoTextView textView = new RobotoTextView(context);
RobotoTypefaces.setUpTypeface(
        textView, 
        RobotoTypefaces.TYPEFACE_ROBOTO_LIGHT_ITALIC);

Using parameters , and :

RobotoTextView textView = new RobotoTextView(context);
RobotoTypefaces.setUpTypeface(
        textView, 
        RobotoTypefaces.FONT_FAMILY_ROBOTO,
        RobotoTypefaces.TEXT_WEIGHT_LIGHT,
        RobotoTypefaces.TEXT_STYLE_ITALIC);

With Span

Using parameter :

RobotoTypefaceSpan span = new RobotoTypefaceSpan(
        context, 
        RobotoTypefaces.TYPEFACE_ROBOTO_LIGHT_ITALIC);
Spannable spannable = new SpannableString("text");
spannable.setSpan(span, , 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

Using parameters , and :

RobotoTypefaceSpan span = new RobotoTypefaceSpan(
        context,
        RobotoTypefaces.FONT_FAMILY_ROBOTO,
        RobotoTypefaces.TEXT_WEIGHT_LIGHT,
        RobotoTypefaces.TEXT_STYLE_ITALIC);
Spannable spannable = new SpannableString("text");
spannable.setSpan(span, , 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

Roboto Inflater

To apply roboto typeface for original TextView (like a Calligraphy) you must attach inflater in your class in the method.

@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
    RobotoInflater.attach(this);
    super.onCreate(savedInstanceState);
}

and specify the typeface in xml:

<TextView
    xmlnsandroid="http://schemas.android.com/apk/res/android"
    xmlnsapp="http://schemas.android.com/apk/res-auto"
    androidlayout_width="wrap_content"
    androidlayout_height="wrap_content"
    approbotoTypeface="roboto_light_italic"
    toolsignore="MissingPrefix"/>

Таблица символов

Для просмотра различных таблиц символов, содержащихся в этом шрифте, пожалуйста, используйте раскрывающееся меню.

Базовая латиница (95)Латиница-1 дополнительная (95)Расширенная латиница-A (128)Расширенная латиница-B (15)Символы изменения пробела (10)Диакритические знаки (4)Греческое письмо (75)Кириллица (255)Дополнение к кириллице (20)Дополнительное расширение латиницы (100)Расширение греческого письма (1)Знаки пунктуации (23)Верхние и нижние индексы (2)Денежные символы (5)Буквоподобные символы (6)Числовые формы (4)Математические операторы (11)Геометрические фигуры (1)Декоративные варианты букв (4)Специальные символы (2)Страницы

Как установить шрифт Roboto Bold на сайт

Для установки шрифта «Roboto Bold» на сайт необходимо скопировать все файлы шрифта в папку, например, «fonts». В файле стилей подключить шрифт, используя конструкцию CSS:

@font-face {
	font-family: "Roboto Bold";
	src: url("../fonts/roboto-bold.eot"); /* IE9 Compat Modes */
	src: url("../fonts/roboto-bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("../fonts/roboto-bold.otf") format("opentype"), /* Open Type Font */
		url("../fonts/roboto-bold.svg") format("svg"), /* Legacy iOS */
		url("../fonts/roboto-bold.ttf") format("truetype"), /* Safari, Android, iOS */
		url("../fonts/roboto-bold.woff") format("woff"), /* Modern Browsers */
		url("../fonts/roboto-bold.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

Установить шрифт «Roboto Bold» для требуемого текста, поля, кнопки или другого элемента на сайте:

font-family: "Roboto Bold";

Пример применения шрифта «Roboto Bold»:

body {
	font-family: "Roboto Bold";
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.2;
	color: #000;
	background-color: #fff;
}

Noto Sans Display Condensed

100 normal — NotoSansDisplay-CondensedThin

The quick brown fox jumps over the lazy dog.

200 normal — NotoSansDisplay-CondensedExtraLight

The quick brown fox jumps over the lazy dog.

300 normal — NotoSansDisplay-CondensedLight

The quick brown fox jumps over the lazy dog.

normal normal — NotoSansDisplay-Condensed

The quick brown fox jumps over the lazy dog.

500 normal — NotoSansDisplay-CondensedMedium

The quick brown fox jumps over the lazy dog.

600 normal — NotoSansDisplay-CondensedSemiBold

The quick brown fox jumps over the lazy dog.

bold normal — NotoSansDisplay-CondensedBold

The quick brown fox jumps over the lazy dog.

800 normal — NotoSansDisplay-CondensedExtraBold

The quick brown fox jumps over the lazy dog.

900 normal — NotoSansDisplay-CondensedBlack

The quick brown fox jumps over the lazy dog.

100 italic — NotoSansDisplay-CondensedThinItalic

The quick brown fox jumps over the lazy dog.

200 italic — NotoSansDisplay-CondensedExtraLightItalic

The quick brown fox jumps over the lazy dog.

300 italic — NotoSansDisplay-CondensedLightItalic

The quick brown fox jumps over the lazy dog.

normal italic — NotoSansDisplay-CondensedItalic

The quick brown fox jumps over the lazy dog.

500 italic — NotoSansDisplay-CondensedMediumItalic

The quick brown fox jumps over the lazy dog.

600 italic — NotoSansDisplay-CondensedSemiBoldItalic

The quick brown fox jumps over the lazy dog.

bold italic — NotoSansDisplay-CondensedBoldItalic

The quick brown fox jumps over the lazy dog.

800 italic — NotoSansDisplay-CondensedExtraBoldItalic

The quick brown fox jumps over the lazy dog.

900 italic — NotoSansDisplay-CondensedBlackItalic

The quick brown fox jumps over the lazy dog.

Зарегистрируйтесь и собирайте свою коллекцию шрифтов.

Скачать шрифт Подключение шрифтов доступно только зарегистрированным пользователям.

Скачать веб-шрифт Скачать шрифт

Таблица символов

Для просмотра различных таблиц символов, содержащихся в этом шрифте, пожалуйста, используйте раскрывающееся меню.

Базовая латиница (95)Латиница-1 дополнительная (95)Расширенная латиница-A (128)Расширенная латиница-B (15)Символы изменения пробела (11)Диакритические знаки (6)Греческое письмо (75)Кириллица (255)Дополнение к кириллице (20)Дополнительное расширение латиницы (100)Расширение греческого письма (1)Знаки пунктуации (23)Верхние и нижние индексы (2)Денежные символы (5)Буквоподобные символы (6)Числовые формы (4)Математические операторы (12)Геометрические фигуры (1)Декоративные варианты букв (4)Специальные символы (2)Oбласть личных символов (1)Страницы

Шрифты, похожие на «Roboto Black Italic»

SchoolBookC Bold Italic

  • Семейство: SchoolBookC
  • Начертание: Bold Italic
  • Насыщенность: 700
  • Версия: 001.000

Roboto Bold Italic

  • Семейство: Roboto Family
  • Начертание: Bold Italic
  • Насыщенность: 700
  • Версия: Version 1.00000; 2011

Bodoni Bold Italic

  • Семейство: Bodoni
  • Начертание: Bold Italic
  • Насыщенность: 700
  • Версия: Converted from t:\BODONI-I.BF1 by ALLTYPE

NewtonCTT BoldItalic

  • Семейство: NewtonCTT
  • Начертание: Bold Italic
  • Насыщенность: 700
  • Версия: TrueType Maker version 1.10.00

UkrainianPeterburg BoldItalic

  • Семейство: UkrainianPeterburg
  • Начертание: Bold Italic
  • Насыщенность: 700
  • Версия: 001.000

Информация о шрифте Roboto Bold

Полное название шрифта

Roboto Bold 700


Семейство

Начертание шрифта

Bold (Жирный)

Насыщенность шрифта

700 — жирное (Bold)

Версия шрифта

Version 1.00000; 2011

Идентификатор шрифта

Google:Roboto:2011

PostScript название шрифта

Roboto-Bold

Дизайнер шрифта

Christian Robertson

URL поставщика

http://christianrobertson.com/

Авторское право на шрифт

Font data copyright Google 2011

Поддержка символов

латинские буквы, русские буквы (кириллица), цифры, знаки препинания и пунктуации

Регистр букв шрифта

верхний (прописные буквы) и нижний (строчные буквы)

Категории шрифта Roboto Bold

Бесплатные шрифты, Кириллические шрифты, Латинские шрифты, Русские шрифты

Предварительный просмотр Roboto Bold

Шрифт Roboto Bold с поддержкой латиницы

Предварительный просмотр шрифта «Roboto Bold» с прописными и строчными латинскими буквами (английский алфавит A-Z и a-z).

Предварительный просмотр шрифта «Roboto Bold» с прописными и строчными русскими буквами (кириллица, русский алфавит А-Я и а-я).

Предварительный просмотр шрифта «Roboto Bold» с цифрами (0 1 2 3 4 5 6 7 8 9).

Предварительный просмотр шрифта «Roboto Bold» со знаками препинания и пунктуации (, . / ? ; ‘ : » { } \ | ` ~ ! @ # $ % ^ & * ( ) — _ + =).

Скачать шрифт Roboto Bold

Шрифт Roboto Bold доступен для скачивания в 6 форматах: EOT, OTF, SVG, TTF, WOFF, WOFF2 (IE9 в режиме совместимости, IE6-IE8, Open Type Font, устаревшая iOS, Safari, Android, iOS и любой современный браузер).Внимание! Скачать шрифт Roboto Bold возможно только для некоммерческого использования!

Подробная инструкция по скачиванию шрифтов в статье «Как скачать шрифт на сайте»

Как установить шрифт Roboto Bold на сайт

Для установки шрифта «Roboto Bold» на сайт необходимо скопировать все файлы шрифта в папку, например, «fonts». В файле стилей подключить шрифт, используя конструкцию CSS:

@font-face {
	font-family: "Roboto Bold";
	src: url("../fonts/roboto-bold.eot"); /* IE9 Compat Modes */
	src: url("../fonts/roboto-bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("../fonts/roboto-bold.otf") format("opentype"), /* Open Type Font */
		url("../fonts/roboto-bold.svg") format("svg"), /* Legacy iOS */
		url("../fonts/roboto-bold.ttf") format("truetype"), /* Safari, Android, iOS */
		url("../fonts/roboto-bold.woff") format("woff"), /* Modern Browsers */
		url("../fonts/roboto-bold.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

Установить шрифт «Roboto Bold» для требуемого текста, поля, кнопки или другого элемента на сайте:

font-family: "Roboto Bold";

Пример применения шрифта «Roboto Bold»:

body {
	font-family: "Roboto Bold";
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.2;
	color: #000;
	background-color: #fff;
}

Шрифты, похожие на «Roboto Bold»

Uk_Academy Bold

  • Семейство: Uk_Academy
  • Начертание: Bold
  • Насыщенность: 700
  • Версия: 10:10:1966

a_SignboardCps Bold

  • Семейство: a_SignboardCps
  • Начертание: Bold
  • Насыщенность: 700
  • Версия: Macromedia Fontographer 4.1 18.11.97

a_Grotic Bold

  • Семейство: a_Grotic
  • Начертание: Bold
  • Насыщенность: 700
  • Версия: Macromedia Fontographer 4.1 7.07.97

AGKornelia Bold

  • Семейство: AGKornelia
  • Начертание: Bold
  • Насыщенность: 700
  • Версия: 1.0 Sun Sep 06 18:46:58 1992

TextBook Bold

  • Семейство: TextBook
  • Начертание: Bold
  • Насыщенность: 700
  • Версия: Converted from d:\win\system\BUB____W.TF1 by ALLTYPE

Как установить шрифт Roboto Black Italic на сайт


Для установки шрифта «Roboto Black Italic» на сайт необходимо скопировать все файлы шрифта в папку, например, «fonts». В файле стилей подключить шрифт, используя конструкцию CSS:

@font-face {
	font-family: "Roboto Black Italic";
	src: url("../fonts/roboto-black-italic.eot"); /* IE9 Compat Modes */
	src: url("../fonts/roboto-black-italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("../fonts/roboto-black-italic.otf") format("opentype"), /* Open Type Font */
		url("../fonts/roboto-black-italic.svg") format("svg"), /* Legacy iOS */
		url("../fonts/roboto-black-italic.ttf") format("truetype"), /* Safari, Android, iOS */
		url("../fonts/roboto-black-italic.woff") format("woff"), /* Modern Browsers */
		url("../fonts/roboto-black-italic.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

Установить шрифт «Roboto Black Italic» для требуемого текста, поля, кнопки или другого элемента на сайте:

font-family: "Roboto Black Italic";

Пример применения шрифта «Roboto Black Italic»:

body {
	font-family: "Roboto Black Italic";
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.2;
	color: #000;
	background-color: #fff;
}

Таблица символов

Для просмотра различных таблиц символов, содержащихся в этом шрифте, пожалуйста, используйте раскрывающееся меню.

Базовая латиница (95)Латиница-1 дополнительная (95)Расширенная латиница-A (128)Расширенная латиница-B (15)Символы изменения пробела (11)Диакритические знаки (6)Греческое письмо (75)Кириллица (255)Дополнение к кириллице (20)Дополнительное расширение латиницы (100)Расширение греческого письма (1)Знаки пунктуации (23)Верхние и нижние индексы (2)Денежные символы (5)Буквоподобные символы (6)Числовые формы (4)Математические операторы (12)Геометрические фигуры (1)Декоративные варианты букв (4)Специальные символы (2)Oбласть личных символов (1)Страницы

Полезности

  • HTML шорты: посторонние шрифты. Про подключение шрифтов и методы оптимизации.
  • Статья о font-display. В ней кроме прочего приведена наглядная схема того, как работают все значения свойства.
  • Исчерпывающее руководство по стратегиям загрузки веб-шрифтов. Подробный разбор плюсов и минусов методов подключения и оптимизации шрифтов.
  • Оптимизация шрифтов. В статье разобраны разные методы: использование сабсетов шрифтов в зависимости от языка, HTTP-кеширование, Font Loading API и так далее.
  • Доклад Вадима Макеева про шрифты.
  • Subsetting Fonts with Glyphhanger. Статья о том, как использовать инструмент для создания сабсетов.

Подключение шрифтов с помощью Google Fonts

Есть простой и удобный способ подключить нестандартный шрифт — использовать Google Fonts. Это бесплатный сервис, с помощью которого можно подключать шрифты, но не хранить их на своём сервере. Чтобы им воспользоваться, необходимо выбрать шрифт и добавить одно или несколько нужных начертаний, а затем вставить в  ссылку, которую сгенерирует Google Fonts во вкладке Embed.

Этого достаточно, чтобы шрифт подключился. Теперь его можно использовать в свойстве без каких-либо дополнительных действий.

Стоит отметить, что после основного шрифта важно указать веб-безопасный. В случае, если нестандартный шрифт не загрузится, браузер воспользуется альтернативным

Его нужно подобрать максимально похожим на основной шрифт.

Плюсы этого способа — простота использования и всегда актуальные версии шрифтов, Google Fonts их часто обновляет. Но у него есть и минус — запросы к сторонним серверам могут негативно повлиять на скорость загрузки страницы

Если выбираете этот способ, стоит обратить внимание на оптимизацию

Шрифты семейства «Roboto Family»

Roboto Thin Italic

  • Семейство: Roboto Family
  • Начертание: Thin Italic
  • Насыщенность: 250
  • Версия: Version 1.00000; 2011

Roboto Thin

  • Семейство: Roboto Family
  • Начертание: Thin
  • Насыщенность: 250
  • Версия: Version 1.00000; 2011

Roboto Regular

  • Семейство: Roboto Family
  • Начертание: Regular
  • Насыщенность: 400
  • Версия: Version 1.00000; 2011

Roboto Medium Italic

  • Семейство: Roboto Family
  • Начертание: Bold Italic
  • Насыщенность: 500
  • Версия: Version 1.00000; 2011

Roboto Medium

  • Семейство: Roboto Family
  • Начертание: Medium
  • Насыщенность: 500
  • Версия: Version 1.00000; 2011

Roboto Light Italic

  • Семейство: Roboto Family
  • Начертание: Light Italic
  • Насыщенность: 300
  • Версия: Version 1.00000; 2011

Roboto Light

  • Семейство: Roboto Family
  • Начертание: Light
  • Насыщенность: 300
  • Версия: Version 1.00000; 2011

Roboto Italic

  • Семейство: Roboto Family
  • Начертание: Italic
  • Насыщенность: 400
  • Версия: Version 1.00000; 2011

Roboto Bold Italic

  • Семейство: Roboto Family
  • Начертание: Bold Italic
  • Насыщенность: 700
  • Версия: Version 1.00000; 2011

Roboto Bold Condensed Italic

  • Семейство: Roboto Family
  • Начертание: Bold Italic
  • Насыщенность: 700
  • Версия: Version 1.00000; 2011

Шрифты семейства «Roboto Family»

Roboto Thin Italic

  • Семейство: Roboto Family
  • Начертание: Thin Italic
  • Насыщенность: 250
  • Версия: Version 1.00000; 2011

Roboto Thin

  • Семейство: Roboto Family
  • Начертание: Thin
  • Насыщенность: 250
  • Версия: Version 1.00000; 2011

Roboto Regular

  • Семейство: Roboto Family
  • Начертание: Regular
  • Насыщенность: 400
  • Версия: Version 1.00000; 2011

Roboto Medium Italic

  • Семейство: Roboto Family
  • Начертание: Bold Italic
  • Насыщенность: 500
  • Версия: Version 1.00000; 2011

Roboto Medium

  • Семейство: Roboto Family
  • Начертание: Medium
  • Насыщенность: 500
  • Версия: Version 1.00000; 2011

Roboto Light Italic

  • Семейство: Roboto Family
  • Начертание: Light Italic
  • Насыщенность: 300
  • Версия: Version 1.00000; 2011

Roboto Light

  • Семейство: Roboto Family
  • Начертание: Light
  • Насыщенность: 300
  • Версия: Version 1.00000; 2011


Roboto Italic

  • Семейство: Roboto Family
  • Начертание: Italic
  • Насыщенность: 400
  • Версия: Version 1.00000; 2011

Roboto Bold Italic

  • Семейство: Roboto Family
  • Начертание: Bold Italic
  • Насыщенность: 700
  • Версия: Version 1.00000; 2011

Roboto Bold Condensed Italic

  • Семейство: Roboto Family
  • Начертание: Bold Italic
  • Насыщенность: 700
  • Версия: Version 1.00000; 2011

Дополнительная информация о шрифте

Поддерживаемые платформы

ПлатформаКодировка

ЮникодЮникод 2.0 и прогрессивная семантика, только Юникод BMP

MacintoshЛатинская

MicrosoftТолько BMP юникод

Детали шрифта

Создан2008-09-12

Просмотр1

Количество глифов856

Единиц на Em2048

Права внедренияPазрешено внедрение для предварительного просмотра и печати

Класс семействаБез засечек

НасыщенностьСредний (нормалный)

ШиринаСредний (нормальный)

Mac стильПодчеркнутые

НаправлениеГлифы направленные слева направо + нейтральные

УзорКурсивный

ВысотаНе моноширинный

Пакет содержит 16 нижеуказанных шрифта(ов): Roboto-Italic.ttf Roboto-CondensedItalic.ttf Roboto-BoldCondensed.ttf Roboto-Condensed.ttf DroidSans-Bold.ttf Roboto-Regular.ttf Roboto-BoldItalic.ttf Roboto-BoldCondensedItalic.ttf Roboto-BlackItalic.ttf Roboto-LightItalic.ttf Roboto-Black.ttf Roboto-MediumItalic.ttf Roboto-ThinItalic.ttf Roboto-Medium.ttf Roboto-Light.ttf Roboto-Thin.ttf

Roboto Condensed Italic TrueTypeGNU/GPL

  • Ударения (частичные)
  • Ударения (полные)
  • Евро

Roboto-CondensedItalic.ttf

Roboto Bold Condensed TrueTypeGNU/GPL

  • Ударения (частичные)
  • Ударения (полные)
  • Евро

Roboto-BoldCondensed.ttf

Roboto Condensed TrueTypeGNU/GPL

  • Ударения (частичные)
  • Ударения (полные)
  • Евро

Roboto-Condensed.ttf

Roboto Bold TrueTypeGNU/GPLОбновлен

  • Ударения (частичные)
  • Ударения (полные)
  • Евро

DroidSans-Bold.ttf

Roboto Regular TrueTypeGNU/GPL

  • Ударения (частичные)
  • Ударения (полные)
  • Евро

Roboto-Regular.ttf

Roboto Bold Italic TrueTypeGNU/GPL

  • Ударения (частичные)
  • Ударения (полные)
  • Евро

Roboto-BoldItalic.ttf

Roboto Bold Condensed Italic TrueTypeGNU/GPL

  • Ударения (частичные)
  • Ударения (полные)
  • Евро

Roboto-BoldCondensedItalic.ttf

Roboto Black Italic TrueTypeGNU/GPL

  • Ударения (частичные)
  • Ударения (полные)
  • Евро

Roboto-BlackItalic.ttf

Roboto Light Italic TrueTypeGNU/GPL

  • Ударения (частичные)
  • Ударения (полные)
  • Евро

Roboto-LightItalic.ttf

Roboto Black TrueTypeGNU/GPLОбновлен

  • Ударения (частичные)
  • Ударения (полные)
  • Евро

Roboto-Black.ttf

Roboto Medium Italic TrueTypeGNU/GPL

  • Ударения (частичные)
  • Ударения (полные)
  • Евро

Roboto-MediumItalic.ttf

Roboto Thin Italic TrueTypeGNU/GPL

  • Ударения (частичные)
  • Ударения (полные)
  • Евро

Roboto-ThinItalic.ttf

Roboto Medium TrueTypeGNU/GPL

  • Ударения (частичные)
  • Ударения (полные)
  • Евро

Roboto-Medium.ttf

Roboto Light TrueTypeGNU/GPL

  • Ударения (частичные)
  • Ударения (полные)
  • Евро

Roboto-Light.ttf

Roboto Thin TrueTypeGNU/GPL

  • Ударения (частичные)
  • Ударения (полные)
  • Евро

Roboto-Thin.ttf

Информация о шрифте Roboto Black Italic

Полное название шрифта

Roboto Black Italic Bold Italic 400

Семейство

Начертание шрифта

Bold Italic (Жирный Курсив)

Насыщенность шрифта

400 — нормальное (Normal)

Версия шрифта

Version 1.00000; 2011

Идентификатор шрифта

Google:Roboto:2011

PostScript название шрифта

Roboto-BlackItalic

Дизайнер шрифта

Christian Robertson

URL поставщика

http://christianrobertson.com/

Авторское право на шрифт

Font data copyright Google 2011

Поддержка символов

латинские буквы, русские буквы (кириллица), цифры, знаки препинания и пунктуации

Регистр букв шрифта

верхний (прописные буквы) и нижний (строчные буквы)

Категории шрифта Roboto Black Italic

Бесплатные шрифты, Кириллические шрифты, Латинские шрифты, Русские шрифты

Предварительный просмотр Roboto Black Italic

Шрифт Roboto Black Italic с поддержкой латиницы

Предварительный просмотр шрифта «Roboto Black Italic» с прописными и строчными латинскими буквами (английский алфавит A-Z и a-z).

Предварительный просмотр шрифта «Roboto Black Italic» с прописными и строчными русскими буквами (кириллица, русский алфавит А-Я и а-я).

Предварительный просмотр шрифта «Roboto Black Italic» с цифрами (0 1 2 3 4 5 6 7 8 9).

Предварительный просмотр шрифта «Roboto Black Italic» со знаками препинания и пунктуации (, . / ? ; ‘ : » { } \ | ` ~ ! @ # $ % ^ & * ( ) — _ + =).

Скачать шрифт Roboto Black Italic

Шрифт Roboto Black Italic доступен для скачивания в 6 форматах: EOT, OTF, SVG, TTF, WOFF, WOFF2 (IE9 в режиме совместимости, IE6-IE8, Open Type Font, устаревшая iOS, Safari, Android, iOS и любой современный браузер).Внимание! Скачать шрифт Roboto Black Italic возможно только для некоммерческого использования!

Подробная инструкция по скачиванию шрифтов в статье «Как скачать шрифт на сайте»

Как установить шрифт Roboto Black Italic на сайт

Для установки шрифта «Roboto Black Italic» на сайт необходимо скопировать все файлы шрифта в папку, например, «fonts». В файле стилей подключить шрифт, используя конструкцию CSS:

@font-face {
	font-family: "Roboto Black Italic";
	src: url("../fonts/roboto-black-italic.eot"); /* IE9 Compat Modes */
	src: url("../fonts/roboto-black-italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("../fonts/roboto-black-italic.otf") format("opentype"), /* Open Type Font */
		url("../fonts/roboto-black-italic.svg") format("svg"), /* Legacy iOS */
		url("../fonts/roboto-black-italic.ttf") format("truetype"), /* Safari, Android, iOS */
		url("../fonts/roboto-black-italic.woff") format("woff"), /* Modern Browsers */
		url("../fonts/roboto-black-italic.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

Установить шрифт «Roboto Black Italic» для требуемого текста, поля, кнопки или другого элемента на сайте:

font-family: "Roboto Black Italic";

Пример применения шрифта «Roboto Black Italic»:

body {
	font-family: "Roboto Black Italic";
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.2;
	color: #000;
	background-color: #fff;
}

С этим читают