There’s no perfect typeface that works for every size, every device, every application, every style, and every mood. But as the default for Android, with over 2.5 billion active users spanning over 190 countries, and as Google Fonts’ most popular download, Roboto needs to be as flexible as possible.
The Roboto superfamily has grown over time, being updated over the years to improve its language support and aesthetic qualities. Initially launched in 2011 as sans and condensed with slab and mono companions, and expanded with Roboto Serif, Roboto Flex is the latest step forward for this powerful typeface system.
Roboto Flex is Google Fonts’ biggest project to date. With a huge range of weights and widths across a full set of optical sizes, plus additional capabilities for fine-tuning, Roboto Flex was designed by Font Bureau to be super scalable, adaptable, customizable, and optimizable.
With Flex, you can customize Roboto to express and finesse your text in ways never before possible. Today, people are constantly switching between devices, resizing browsers, and spreading our viewports across multiple screens. So Google commissioned Font Bureau to re-imagine Roboto to “flex” along with us, with a special emphasis on large-screen capabilities. This was achieved by amplifying the original design to an extreme range of weights, grades, widths and optical sizes.
The second benefit of Roboto Flex is the designer’s ability to fitness and fine-tune their designs with parametric axes. Font Bureau first demonstrated the concept of parametric axes in Amstelvar Alpha (2017), to provide the ultimate in typographic flexibility. With early prototypes of Roboto Flex, Font Bureau demonstrated new solutions to the typographic problems that digital designers face. Demonstrations of high quality justification, better dark-mode typography and other uses of parametric axes are documented at variablefonts.typenetwork.com
The needs of developers, designers, and — of course — end-user readers were prioritized and aligned during development. To make Roboto Flex production-ready for all print and digital media, Font Bureau expanded the glyph set with careful planning and development, in partnership with script experts for Cyrillic and Greek. Rigorous testing of each glyph across every axis required new type design tools to be developed, like typeroof, which can be used to explore the depth of the design.
The final file size of the complete package is remarkably small, given the range of expressive styles now available. By driving variable fonts technology to its limits, it offers the most interesting and useful typographic tools for end users and designers. With a fully loaded Optical Size axis, Roboto Flex makes the layout of texts with deep hierarchies more straightforward and heightens the quality of every design that uses it.
And none of this would be possible without the long list of contributors involved. Special thanks to David Berlow, Santiago Orozco, Ilya Ruderman, Irene Vlachou, Yury Ostromentsky, Mikhail Strukov, Dave Crossland, Damien Correll, Marc Foley, David Jonathan Ross, Chris Lewis, Eben Sorkin, Viktoriya Grabowska, Adam Twardoch, Roel Nieksens, Laurence Penney, and Thomas Linard.
Roboto Flex is developed by Font Bureau for Google, based on the design initiated by Christian Robertson. To learn more, read Roboto … But Make It Flex on the Material Design blog.
Watch the introduction video on YouTube
Google Fonts collaborates with type designers, foundries and the design community worldwide to create a directory of open source fonts. The fonts are free to use, making beautiful type accessible to anyone for any project.
Open source details
Roboto Flex is available via an open source license. You're free to use it with your Adobe Fonts account just as you would any other font in the Adobe Fonts library. For information regarding other uses of Roboto Flex, see copyright and license details for Roboto Flex Regular.
As with everything from Adobe Fonts, you can use these fonts for:
Design Projects
Create images or vector artwork, including logos
Website Publishing
Create a Web Project to add any font from our service to your website
PDFs
Embed fonts in PDFs for viewing and printing
Video and Broadcast
Use fonts to create in-house or commercial video content
How to Use
You may encounter slight variations in the name of this font, depending on where you use it. Here’s what to look for.
Desktop
In application font menus, this font will display:
{{familyCtrl.selectedVariation.preferred_family_name}} {{familyCtrl.selectedVariation.preferred_subfamily_name}}Web
To use this font on your website, use the following CSS:
font-family: {{familyCtrl.selectedVariation.family.css_font_stack.replace('"', '').replace('",', ', ')}};
font-style: italicnormal;
font-variation-settings: {{familyCtrl.getFontVariationSettingsCSS()}};
Glyph Support & Stylistic Filters
Fonts in the Adobe Fonts library include support for many different languages, OpenType features, and typographic styles.