Roboto

From HandWiki
Short description: Sans-serif typeface family by Google


Roboto
Roboto Font Sample.svg
CategorySans-serif
ClassificationNeo-grotesque
Designer(s)Christian Robertson
Commissioned byGoogle
FoundryGoogle
Date created2011
Date released2011
LicenseApache License
Design based onNormal-Grotesk
Roboto.png
Sample
Latest release versionv2.138
Latest release dateAugust 3, 2017
Metrically compatible withCrique Grotesk[1]

Roboto (/rˈbɒt./)[2] is a neo-grotesque sans-serif typeface family developed by Google as the system font for its mobile operating system Android, and released in 2011 for Android 4.0 "Ice Cream Sandwich".[3]

The entire font family has been licensed under the Apache license.[4] In 2014, Roboto was redesigned for Android 5.0 "Lollipop".

Usage

Roboto is the default system font on Android, and since 2013, other Google services such as Google Play, YouTube, Google Maps,[5] and Google Images.

In 2017, Roboto was used on the LCD countdown clocks of the New York City Subway's B Division lines.

Roboto Bold is the default font in Unreal Engine 4, and in Kodi.[6] Roboto Condensed is used to display Information on European versions of Nintendo Switch packaging, including physical releases of games.

Utsav Network uses Roboto for its wordmark.[7]

Since October 2022, Global News has also used Roboto in its on-air presentation, however the font is not used in main network presentation.

The United Nations uses Roboto on its website and in official documents[8]

History

Early Development

The font was designed entirely in-house by Christian Robertson who previously had released an expanded Ubuntu Titling font through his personal type foundry Betatype.[9][10] The font was officially made available for free download on January 12, 2012, on the newly launched Android Design website.

Compared to Android's previous system font, the humanist sans-serif Droid, Roboto belongs to the neo-grotesque genre of sans-serif typefaces. It includes Thin, Light, Regular, Medium, Bold and Black weights with matching oblique styles rather than true italics. It also includes condensed styles in Light, Regular and Bold, also with matching oblique designs.

This was also created in 2011,but was released to the public in 2012.

2014: "Material Design" redesign

In 2014, Matias Duarte announced at Google I/O that Roboto was significantly redesigned for Android 5.0 "Lollipop".[9][11] Punctuation marks and the tittles in the lowercase "i" and "j" were changed from square to rounded, the bottom surface of the top part of the number "1" points downwards instead of horizontal, the tail part of the numbers "6" and "9" have been slightly shortened (in resemblance to "Trebuchet MS"), and the entire typeface was made “slightly wider and rounder” with many changes in details.[9][11] The newly-redesigned version of Roboto is also offered in a wider range of font weights, adding Thin (100), Medium (500), and Black (900) alongside Light (300), Regular (400), and Bold (700).

Language support

Roboto supports Latin, Greek (partial) and Cyrillic scripts.[12]

On Android, the Noto fonts are used for languages not supported by Roboto, including Chinese (simplified and traditional), Japanese, Korean, Thai and Hindi.[13]

Variations

Roboto Mono

Roboto Mono
Roboto Mono Specimen.jpg
CategorySans-serif
ClassificationMonospaced
Designer(s)Christian Robertson
Commissioned byGoogle
FoundryGoogle
Date released2015
Roboto Mono pangram.svg
Sample

Roboto Mono is a monospace font based on Roboto. It is available in seven weights: thin, extra-light, light, regular, medium, semi-bold and bold, with oblique stylings for each weight.[14]

Roboto Serif

Roboto Serif is a companion typeface with serifs designed by Greg Gazdowicz of Commercial Type. It was debuted in 2022 to fill the serif niche.[15]

Roboto Slab

Roboto Slab
File:Roboto Slab.tiff
CategorySerif
ClassificationSlab serif
Designer(s)Christian Robertson
Commissioned byGoogle
Date releasedMarch 2013
Latest release version1.100263

Roboto Slab is a slab serif font based on Roboto. It was introduced in March 2013, as the default font in Google's note-taking service Google Keep.[16] (The font was changed to the sans-serif Roboto in 2018.)[17] It is available in four weights: thin, light, regular and bold. However, no oblique versions were released for it. In November 2019, the typeface was updated and added 5 new weights: Extra-Light, Medium, Semi-Bold, Extra-Bold and Black, and a variable font axis ranging from 100 to 900. It also was modified with some characteristics from the sans-serif Roboto and to slightly resemble most slab-serif typefaces, such as "R", "K", "k", "g", "C", "S", etc.

Roboto Flex

Released in 2022, Roboto Flex is the variable font version of Roboto.[18] Roboto Flex has 12 adjustable axes, including optical size.[19] Notably, the static font version of Roboto does not have weights 200 (Extra Light), 600 (Semi Bold), and 800 (Extra Bold), which can be achieved by Roboto Flex via the weight axis. Roboto Flex supports Latin, Greek, and Cyrillic characters.

Potential inclusion as the new Android system font

Roboto Flex was still not used as the default system font in Android, potentially replacing classic Roboto. Meanwhile, Google started to use Google Sans Text as the default system font for Android system apps (e.g. Settings) in Google Pixel devices, following other Android OEMs who introduce custom fonts to their system apps.

The Android source code has been updated to include the font as part of Android 14, though there are no official plans to switch the default system font from Roboto to Roboto Flex.[20]

Heebo

Heebo is an extension of Roboto that includes Hebrew characters.[21]

Inter

Inter
InterSpecimen3.19.svg
CategorySans-serif
ClassificationNeo-grotesque
Designer(s)Rasmus Andersson
Date createdAugust 2016
Date released2017
Latest release version3.19 / Beta: 4.0-beta9h
Latest release dateJune 28, 2021 / Beta: July 13, 2023

Inter was designed in 2017 by Rasmus Andersson who wanted a font that was easier to read on computer screens than Roboto while retaining its vertical proportions.[22] Earlier versions of Inter (then "Interface" and "Inter UI") included glyphs and followed the vertical glyph metrics (ascender and descender) from Roboto, while Roboto glyphs were included as a fallback for characters which have not been (re-)designed in Inter. Inter changed its vertical glyph metrics since 2018, making it different from that of Roboto.[23]

Due to this condition, the typeface had to be released in two combined licenses: the SIL Open Font License for original glyph designs for Inter and Apache License for the fallback Roboto glyphs and outlines. This exception was removed in 2020 after Roboto was re-licensed from Apache to OFL.[24]

Inter also has an experimental "Display" version, a font which has less letter spacing and has linear endings of letters.[25] Another variant with similar purpose, Inter Tight, is specifically designed for Google Workspace and other applications that do not support control over letter spacing.[26] The latter variant shares the same glyph shapes as Inter, while the former contains redesigned glyphs which will be introduced in a future version of Inter.

The Apple system font San Francisco is similar to the Inter font.

Piboto

Piboto is a forked version of Roboto, including the original character styles as used before the 2014 redesign. It is specifically designed and currently the system font of Raspberry Pi OS (then Raspbian) as part of their desktop UI redesign.[27]

Raspberry Pi OS featuring Piboto as the system font

Reception

Google developed Roboto to be "modern, yet approachable" and "emotional,"[28][29] but the initial release (i.e., before the Android 5.0 redesign) received mixed reviews.

Joshua Topolsky, Editor-In-Chief of technology news and media network The Verge, describes the typeface as "clean and modern, but not overly futuristic – not a science fiction font".[30] However, typography commentator Stephen Coles of Typographica called the initial release "a Four-headed Frankenfont", describing it as a "hodgepodge" of different typographic styles which do not work well together. Coles later commented positively on the redesign and stated that it corrected many problems of the initial release.[9]

See also

References

  1. "Crique Grotesk typeface". https://www.myfonts.com/fonts/stawix/crique-grotesk. 
  2. "Making Material Design: Refining Roboto". Google Design. https://www.youtube.com/watch?v=6WxACOHm0_g. 
  3. Isaac, Mike (October 19, 2011). "Google Unwraps Ice Cream Sandwich, the Next-Generation Android OS". Wired. https://www.wired.com/2011/10/android-ice-cream-sandwich-3. Retrieved November 18, 2017. 
  4. "License for font family 'Roboto'". https://www.fontsquirrel.com/license/roboto. 
  5. Graham-Smith, Darien (May 17, 2013). "Hands on with the new Google Maps". http://www.alphr.com/blogs/2013/05/17/hands-on-with-the-new-google-maps. 
  6. Betzen, Nathan (June 5, 2012). "XBMC 11.0 – May Cycle (updated)". https://kodi.tv/article/xbmc-110-may-cycle-updated. 
  7. Baddhan, Lakh (January 11, 2021). "Exclusive: First look at Star TV's new Utsav TV branding". https://www.bizasialive.com/exclusive-first-look-at-the-new-utsav-branding/. 
  8. "UN Web Style Guide". United Nations. https://www.un.org/styleguide/. 
  9. 9.0 9.1 9.2 9.3 Coles, Stephen (October 19, 2011). "Roboto Was a Four-headed Frankenfont". http://typographica.org/on-typography/roboto-typeface-is-a-four-headed-frankenstein. 
  10. "Christian Robertson. Interface, type designer.". http://www.christianrobertson.com. 
  11. 11.0 11.1 "Download: New Roboto for Android L and Material Design". 25 June 2014. https://www.droid-life.com/2014/06/25/download-new-roboto-for-android-l-and-material-design/. 
  12. Robertson, Christian (2015). "Roboto". https://fonts.google.com/specimen/Roboto. 
  13. "Typography - Style". https://material.io/guidelines/style/typography.html. 
  14. Robertson, Christian. "Roboto Mono". https://fonts.google.com/specimen/Roboto+Mono. 
  15. "Google Introduces Reading-Optimized Roboto Serif Typeface". 2022-02-19. https://www.pcmag.com/news/google-introduces-reading-optimized-roboto-serif-typeface. 
  16. Spradlin, Liam (March 27, 2013). "Closer Look: Google Keep Actually Shipped With A New (Serif) Font – Introducing Roboto Slab". http://www.androidpolice.com/2013/03/27/closer-look-google-keep-actually-shipped-with-a-new-serif-font-introducing-roboto-slab-download. 
  17. Staff (2018-10-18). "Google Keep Notes gets Material Design, brings sans-serif Roboto font and solid white background" (in en-US). https://www.bgr.in/news/google-keep-notes-material-design-october-2018-sans-serif-roboto-font-solid-white-background/. 
  18. "Roboto Flex - Google Fonts". https://fonts.google.com/specimen/Roboto+Flex. 
  19. "Roboto … But Make It Flex - Material Design". https://material.io/blog/roboto-flex. 
  20. "Include RobotoFlex fonts into AOSP system image (Commit be793852ed7c883ad59abd25a6acae72e70e5351)". https://android.googlesource.com/platform/external/roboto-flex-fonts/+/be793852ed7c883ad59abd25a6acae72e70e5351. 
  21. "Heebo open source Hebrew font". https://github.com/meirsadan/heebo. 
  22. "The birth of Inter". https://www.figma.com/blog/the-birth-of-inter. 
  23. "Inter UI Release v2.5". https://github.com/rsms/inter/releases/tag/v2.5. 
  24. "Delete LICENSE for some glyph outlines.txt". https://github.com/rsms/inter/commit/1b5fcd816c78fa7184c8729565c7a1ee08acf9cb. 
  25. "Inter v4 (Discussion #463)". https://github.com/rsms/inter/discussions/463. 
  26. "Inter Tight". https://fonts.google.com/specimen/Inter+Tight. 
  27. "Interview with Simon Long of Raspberry Pi about the Raspberry Pi Desktop, UI design, and much more!". 4 January 2019. https://pi3g.com/interview-with-simon-long-of-raspberry-pi-about-the-raspberry-pi-desktop-ui-design-and-much-more/. 
  28. O'Brien, Terrence (October 18, 2011). "Roboto font and the new design philosophy of Android 4.0, Ice Cream Sandwich". https://www.engadget.com/2011/10/18/roboto-and-the-new-design-philosophy-of-android-4-0-ice-cream-s. 
  29. "Android Ice Cream Sandwich: Top 10 features that make it delicious". October 19, 2011. https://news.in.msn.com/technology/article.aspx?cp-documentid=5526341. 
  30. Topolsky, Joshua (October 18, 2011). "Exclusive: Matias Duarte on the philosophy of Android, and an in-depth look at Ice Cream Sandwich". https://www.theverge.com/2011/10/18/exclusive-matias-duarte-ice-cream-sandwich-galaxy-nexus. 

External links