Jump to content

Roboto: Difference between revisions

From Wikipedia, the free encyclopedia
Content deleted Content added
m Changing short description from "Open-source sans-serif typeface family" to "Open-source typeface family"
m v2.05b - Bot T20 CW#61 - Fix errors for CW project (Reference before punctuation - Link equal to linktext)
 
(6 intermediate revisions by 6 users not shown)
Line 44: Line 44:
In 2017, Roboto was used on the [[Technology of the New York City Subway#Mainline_B_Division_and_Flushing_Line_clocks|LCD countdown clocks]] of the [[New York City Subway]]'s [[B Division (New York City Subway)|B Division]] lines.
In 2017, Roboto was used on the [[Technology of the New York City Subway#Mainline_B_Division_and_Flushing_Line_clocks|LCD countdown clocks]] of the [[New York City Subway]]'s [[B Division (New York City Subway)|B Division]] lines.


Roboto Bold is the default font in [[Unreal Engine#Unreal Engine 4|Unreal Engine 4]], and in [[Kodi (software)|Kodi]].<ref>{{cite web |url=https://kodi.tv/article/xbmc-110-may-cycle-updated |title=XBMC 11.0 – May Cycle (updated) |last=Betzen |first=Nathan |date=June 5, 2012 |website=[[Kodi (software)|Kodi]] |access-date=November 18, 2017}}</ref> Roboto Condensed is used to display Information on European versions of [[Nintendo Switch]] packaging, including physical releases of games.
Roboto Bold is the default font in [[Unreal Engine 4]], and in [[Kodi (software)|Kodi]].<ref>{{cite web |url=https://kodi.tv/article/xbmc-110-may-cycle-updated |title=XBMC 11.0 – May Cycle (updated) |last=Betzen |first=Nathan |date=June 5, 2012 |website=[[Kodi (software)|Kodi]] |access-date=November 18, 2017}}</ref> Roboto Condensed is used to display Information on European versions of [[Nintendo Switch]] packaging, including physical releases of games.


[[Utsav Plus|Utsav Network]] uses Roboto for its wordmark.<ref>{{cite web |url=https://www.bizasialive.com/exclusive-first-look-at-the-new-utsav-branding/ |title=Exclusive: First look at Star TV's new Utsav TV branding |last=Baddhan |first=Lakh |date=January 11, 2021 |website=BizAsia |access-date= June 4, 2021}}</ref>
[[Utsav Plus|Utsav Network]] uses Roboto for its wordmark.<ref>{{cite web |url=https://www.bizasialive.com/exclusive-first-look-at-the-new-utsav-branding/ |title=Exclusive: First look at Star TV's new Utsav TV branding |last=Baddhan |first=Lakh |date=January 11, 2021 |website=BizAsia |access-date= June 4, 2021}}</ref>
Line 50: Line 50:
Since October 2022, [[Global News]] has also used Roboto in its on-air presentation, however the font is not used in main network presentation.
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<ref>{{cite web |url=https://www.un.org/styleguide/ |website=UN web style guide |publisher=United Nations |title=UN Web Style Guide }}</ref>
The [[United Nations]] uses Roboto on its website and in official documents.<ref>{{cite web |url=https://www.un.org/styleguide/ |website=UN web style guide |publisher=United Nations |title=UN Web Style Guide }}</ref>


== History ==
== History ==
Line 140: Line 140:
}}
}}


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.<ref>{{cite web |url=https://www.figma.com/blog/the-birth-of-inter |title=The birth of Inter |website=Inter |access-date=June 7, 2023}}</ref> 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.<ref>{{cite web |url=https://github.com/rsms/inter/releases/tag/v2.5 |title=Inter UI Release v2.5 |website=[[GitHub]] |access-date=June 6, 2023}}</ref>
Inter was designed in 2016 by Rasmus Andersson who wanted a font that was easier to read on computer screens than Roboto while retaining its vertical proportions.<ref>{{cite web |url=https://www.figma.com/blog/the-birth-of-inter |title=The birth of Inter |website=Inter |access-date=June 7, 2023}}</ref> 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.<ref>{{cite web |url=https://github.com/rsms/inter/releases/tag/v2.5 |title=Inter UI Release v2.5 |website=[[GitHub]] |access-date=June 6, 2023}}</ref>


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.<ref>{{cite web |url=https://github.com/rsms/inter/commit/1b5fcd816c78fa7184c8729565c7a1ee08acf9cb |title=Delete LICENSE for some glyph outlines.txt |website=[[GitHub]] |access-date=November 18, 2017}}</ref>
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.<ref>{{cite web |url=https://github.com/rsms/inter/commit/1b5fcd816c78fa7184c8729565c7a1ee08acf9cb |title=Delete LICENSE for some glyph outlines.txt |website=[[GitHub]] |access-date=November 18, 2017}}</ref>


Inter also has an experimental "Display" version, a font which has less letter spacing and has linear endings of letters.<ref>{{cite web |url=https://github.com/rsms/inter/discussions/463 |title=Inter v4 (Discussion #463) |website=[[GitHub]] |access-date=2023-10-29}}</ref> Another variant with similar purpose, Inter Tight, is specifically designed for [[Google Workspace]] and other applications that do not support control over [[Letter spacing|letter spacing]].<ref>{{cite web |url=https://fonts.google.com/specimen/Inter+Tight |title=Inter Tight |website=[[Google Fonts]] |access-date=2023-10-29}}</ref> 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.
Inter also has an experimental "Display" version, a font which has less letter spacing and has linear endings of letters.<ref>{{cite web |url=https://github.com/rsms/inter/discussions/463 |title=Inter v4 (Discussion #463) |website=[[GitHub]] |access-date=2023-10-29}}</ref> Another variant with similar purpose, Inter Tight, is specifically designed for [[Google Workspace]] and other applications that do not support control over [[letter spacing]].<ref>{{cite web |url=https://fonts.google.com/specimen/Inter+Tight |title=Inter Tight |website=[[Google Fonts]] |access-date=2023-10-29}}</ref> 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 (sans-serif typeface)|San Francisco]] is similar to the Inter font.
The Apple system font [[San Francisco (sans-serif typeface)|San Francisco]] is similar to the Inter font.
Line 158: Line 158:
[[Joshua Topolsky]], Editor-In-Chief of technology news and media network ''[[The Verge (website)|The Verge]]'', describes the typeface as "clean and modern, but not overly futuristic – not a science fiction font".<ref>{{cite web |url=https://www.theverge.com/2011/10/18/exclusive-matias-duarte-ice-cream-sandwich-galaxy-nexus |title=Exclusive: Matias Duarte on the philosophy of Android, and an in-depth look at Ice Cream Sandwich |last=Topolsky |first=Joshua |author-link=Joshua Topolsky |date=October 18, 2011 |website=[[The Verge]] |access-date=November 18, 2017}}</ref> 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.<ref name="Frankenfont" />
[[Joshua Topolsky]], Editor-In-Chief of technology news and media network ''[[The Verge (website)|The Verge]]'', describes the typeface as "clean and modern, but not overly futuristic – not a science fiction font".<ref>{{cite web |url=https://www.theverge.com/2011/10/18/exclusive-matias-duarte-ice-cream-sandwich-galaxy-nexus |title=Exclusive: Matias Duarte on the philosophy of Android, and an in-depth look at Ice Cream Sandwich |last=Topolsky |first=Joshua |author-link=Joshua Topolsky |date=October 18, 2011 |website=[[The Verge]] |access-date=November 18, 2017}}</ref> 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.<ref name="Frankenfont" />


== See also ==
==See also==
* [[Open-source Unicode typefaces]]
* [[Cantarell (typeface)|Cantarell]]
* [[Droid (typeface)]], the default fonts for first versions of Android
* [[IBM Plex]]
* [[Noto fonts|Noto]]
**[[Noto fonts]], the default fonts for newer versions of Android
**[[Open Sans]], another font based on Droid Sans
* [[Segoe]]
* [[IBM Plex]], free and open-source fonts from IBM
* [[Product Sans]]
* [[National Fonts]], free and open-source Thai fonts
* [[San Francisco (sans-serif typeface)|San Francisco]]
* [[PT Fonts]], free and open-source fonts from Russia


==References==
==References==
Line 186: Line 187:
[[Category:Typefaces and fonts introduced in 2011]]
[[Category:Typefaces and fonts introduced in 2011]]
[[Category:Open-source typefaces]]
[[Category:Open-source typefaces]]
[[Category:Slab serif typefaces]]
[[Category:Monospaced typefaces]]
[[Category:Monospaced typefaces]]
[[Category:Unified serif and sans-serif typeface families]]
[[Category:Unified serif and sans-serif typeface families]]

Latest revision as of 07:07, 28 October 2024

Roboto
CategorySans-serif
ClassificationNeo-grotesque
Designer(s)Christian Robertson
Commissioned byGoogle
FoundryGoogle
Date created2011
Date released2011
LicenseApache License
Design based onNormal-Grotesk
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

[edit]

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

[edit]

Android's previous system typeface, Droid Sans, was designed for the low-resolution displays of early Android devices, and did not display well in larger, higher-resolution screens of later models.[9][10] It was decided that a more modern typeface, designed from scratch, was needed for the newer displays.

Early development

[edit]

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

Compared to the humanist sans-serif Droid Sans, 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.

2014: "Material Design" redesign

[edit]

In 2014, Matias Duarte announced at Google I/O that Roboto was significantly redesigned for Android 5.0 "Lollipop".[11][13] 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.[11][13] 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

[edit]

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

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

Variations

[edit]

Roboto Mono

[edit]
Roboto Mono
CategorySans-serif
ClassificationMonospaced
Designer(s)Christian Robertson
Commissioned byGoogle
FoundryGoogle
Date released2015
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.[16]

Roboto Serif

[edit]

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.[17]

Roboto Slab

[edit]
Roboto Slab
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.[18] (The font was changed to the sans-serif Roboto in 2018.)[19] 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

[edit]

Released in 2022, Roboto Flex is the variable font version of Roboto.[20] Roboto Flex has 12 adjustable axes, including optical size.[21] 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

[edit]

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.[22]

Heebo

[edit]

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

Inter

[edit]
Inter
CategorySans-serif
ClassificationNeo-grotesque
Designer(s)Rasmus Andersson
Date createdAugust 2016
Date released2017
Latest release version4.0
Latest release dateNovember 20, 2023

Inter was designed in 2016 by Rasmus Andersson who wanted a font that was easier to read on computer screens than Roboto while retaining its vertical proportions.[24] 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.[25]

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.[26]

Inter also has an experimental "Display" version, a font which has less letter spacing and has linear endings of letters.[27] Another variant with similar purpose, Inter Tight, is specifically designed for Google Workspace and other applications that do not support control over letter spacing.[28] 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

[edit]

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.[29]

Raspberry Pi OS featuring Piboto as the system font

Reception

[edit]

Google developed Roboto to be "modern, yet approachable" and "emotional,"[30][31] 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".[32] 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.[11]

See also

[edit]

References

[edit]
  1. ^ "Crique Grotesk typeface". MyFonts.com. Retrieved 2021-02-22.
  2. ^ "Making Material Design: Refining Roboto". Google Design. Archived from the original on 2021-12-21. Retrieved July 22, 2019.
  3. ^ Isaac, Mike (October 19, 2011). "Google Unwraps Ice Cream Sandwich, the Next-Generation Android OS". Wired. Retrieved November 18, 2017.
  4. ^ "License for font family 'Roboto'". Font Squirrel. Retrieved November 18, 2017.
  5. ^ Graham-Smith, Darien (May 17, 2013). "Hands on with the new Google Maps". Alphr. Retrieved November 18, 2017.
  6. ^ Betzen, Nathan (June 5, 2012). "XBMC 11.0 – May Cycle (updated)". Kodi. Retrieved November 18, 2017.
  7. ^ Baddhan, Lakh (January 11, 2021). "Exclusive: First look at Star TV's new Utsav TV branding". BizAsia. Retrieved June 4, 2021.
  8. ^ "UN Web Style Guide". UN web style guide. United Nations.
  9. ^ Roose, Kevin (July 16, 2014). "Google Is Designing the Font of the Future. Here's How". New York Magazine. Retrieved March 8, 2024.
  10. ^ "Google's Matias Duarte talks about the new Roboto font in Ice Cream Sandwich".
  11. ^ a b c d Coles, Stephen (October 19, 2011). "Roboto Was a Four-headed Frankenfont". Typographica. Retrieved November 18, 2017.
  12. ^ "Christian Robertson. Interface, type designer". Retrieved November 18, 2017.
  13. ^ a b "Download: New Roboto for Android L and Material Design". Droid Life. 25 June 2014. Retrieved 30 May 2019.
  14. ^ Robertson, Christian (2015). "Roboto". Google Fonts. Retrieved November 18, 2017.
  15. ^ "Typography - Style". Material Design. Retrieved November 18, 2017.
  16. ^ Robertson, Christian. "Roboto Mono". Google Fonts. Retrieved November 18, 2017.
  17. ^ "Google Introduces Reading-Optimized Roboto Serif Typeface". 2022-02-19. Retrieved 2022-02-24.
  18. ^ Spradlin, Liam (March 27, 2013). "Closer Look: Google Keep Actually Shipped With A New (Serif) Font – Introducing Roboto Slab". Android Police. Retrieved November 18, 2017.
  19. ^ Staff (2018-10-18). "Google Keep Notes gets Material Design, brings sans-serif Roboto font and solid white background". BGR India. Retrieved 2019-07-04.
  20. ^ "Roboto Flex - Google Fonts". Retrieved 2023-07-31.
  21. ^ "Roboto … But Make It Flex - Material Design". Retrieved 2023-07-31.
  22. ^ "Include RobotoFlex fonts into AOSP system image (Commit be793852ed7c883ad59abd25a6acae72e70e5351)". Git at Google. Retrieved 2023-10-29.
  23. ^ "Heebo open source Hebrew font". GitHub. Retrieved November 18, 2017.
  24. ^ "The birth of Inter". Inter. Retrieved June 7, 2023.
  25. ^ "Inter UI Release v2.5". GitHub. Retrieved June 6, 2023.
  26. ^ "Delete LICENSE for some glyph outlines.txt". GitHub. Retrieved November 18, 2017.
  27. ^ "Inter v4 (Discussion #463)". GitHub. Retrieved 2023-10-29.
  28. ^ "Inter Tight". Google Fonts. Retrieved 2023-10-29.
  29. ^ "Interview with Simon Long of Raspberry Pi about the Raspberry Pi Desktop, UI design, and much more!". pi3g.com. 4 January 2019. Retrieved June 6, 2023.
  30. ^ O'Brien, Terrence (October 18, 2011). "Roboto font and the new design philosophy of Android 4.0, Ice Cream Sandwich". Engadget. Retrieved November 17, 2017.
  31. ^ "Android Ice Cream Sandwich: Top 10 features that make it delicious". MSN. October 19, 2011. Archived from the original on December 9, 2012.
  32. ^ Topolsky, Joshua (October 18, 2011). "Exclusive: Matias Duarte on the philosophy of Android, and an in-depth look at Ice Cream Sandwich". The Verge. Retrieved November 18, 2017.
[edit]