Содержание
- 1 Таблица символов
- 2 Top roboto Answerers
- 3 Откуда берутся бесплатные шрифты
- 4 Как подключить шрифт от Google
- 5 Usage
- 6 Таблица символов
- 7 Как установить шрифт Roboto Bold на сайт
- 8 Noto Sans Display Condensed
- 9 Таблица символов
- 10 Шрифты, похожие на «Roboto Black Italic»
- 11 Информация о шрифте Roboto Bold
- 12 Предварительный просмотр Roboto Bold
- 13 Скачать шрифт Roboto Bold
- 14 Как установить шрифт Roboto Bold на сайт
- 15 Шрифты, похожие на «Roboto Bold»
- 16 Как установить шрифт Roboto Black Italic на сайт
- 17 Таблица символов
- 18 Полезности
- 19 Подключение шрифтов с помощью Google Fonts
- 20 Шрифты семейства «Roboto Family»
- 21 Шрифты семейства «Roboto Family»
- 22 Дополнительная информация о шрифте
- 23 Информация о шрифте Roboto Black Italic
- 24 Предварительный просмотр Roboto Black Italic
- 25 Скачать шрифт Roboto Black Italic
- 26 Как установить шрифт Roboto Black 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; }
С этим читают
- Как изменить цвет текста в html
- Font
- Веб-шрифты на распутье
- Typekit practice
- Джош эмметт / josh emmett
- Выбираем веб-шрифты: руководство для начинающих
- Webfonts.pro — здесь собраны лучшие шрифты
- The awards of design, creativity and innovation on the internet
- Топ 35 красивых шрифтов на все случаи жизни
- Обзор биржи textsale.ru: как стать исполнителем и сколько можно заработать