Skip to main content

Google’s latest Roboto variant is a font customizable to its core

Google’s latest Roboto variant is a font customizable to its core


Yes, we’re talking about fonts

Share this story

As someone who is really into fonts, I know that most people don’t share my passion — but I genuinely think that anyone who cares at all about typography will have some interest in what Google announced on Thursday. If you’ve ever used anything made by Google, you’ve seen Roboto. Now, Google’s introducing something called Roboto Flex. As the name implies, it’s a version of its famous font that you can tweak and customize in a ton of ways.

I can sense I might be about to lose a lot of people, so let’s try this: here’s a gif showing all the customizable parameters Roboto Flex has. There’s no trickery going on — I’m not changing a raster image with Photoshop or anything. Everything you see is built into the font itself and can be changed as easily as the font size.

Of course, you can combine as many of these changes as you’d like.
Of course, you can combine as many of these changes as you’d like.

Pretty cool, right? (If you just said “no” to your computer screen, you have my permission to leave now. This isn’t going to get any more interesting for you.)

Basically, what’s happening is that Roboto Flex is a “variable font,” meaning that you don’t have to manually load separate files to make changes to its weight, slant, or other variables. Flex goes further than just the basic changes, though; Google says there are 12 different ways you can tweak it, including changing its width, stroke thickness, and even the heights of ascending and descending stems (like are found on the letters “d” and “p,” respectively).

This is all the same font.
This is all the same font.
Image: Google

These types of fonts have been around for a while — even Roboto Flex has been publicly in the works for a year or so, but it’s cool to see that Google’s making it readily available to anyone that wants to use it.

Roboto Flex also has a few other interesting features that aren’t directly related to making it look cool. In its blog post, Google says it’s put a lot of balancing into the font to make sure that it looks right at specific sizes, so the text will look properly bold or thin, whether it’s taking up an entire page or is just a teeny footnote. Google’s announcement also gets into how the font’s designers (a studio called Font Bureau) made sure tiny details were right. Apparently, the circles used in the percent symbol are proportionally the same as the numeral 0. That is some hardcore font nerdery, and I love it.

What this all means in practice is that designers have a lot of control over how their text ends up looking without having to do a lot of work (assuming the application they’re working with actually supports variable fonts). It’s also great for web designers who want a standard-looking font that they can tweak to make sure their headings and titles stand out, both from the rest of the text on the page and from other websites. It also doesn’t hurt that, because it’s a Google Font, you can add it to your site with one or two lines of code.

It’s easy to import Roboto Flex to use on your website (though I think it would take someone with more advanced Google Font API knowledge than me to navigate the settings).
It’s easy to import Roboto Flex to use on your website (though I think it would take someone with more advanced Google Font API knowledge than me to navigate the settings).

Plus... look, this may be going out on a limb here, but I couldn’t help but think about all the fun UI things you could do if this were the font on, say, a phone with a folding display. You know, like the one Google’s supposedly working on? It’s easy to imagine visual tricks like the font stretching while you fold open your phone or where text keeps the same proportions when you go from the small front screen to the larger inside screen. That type of thing would be much easier to implement if you’re working with a flexible font and would be really fun to see in practice (and Google’s all about fun in Android now, right?)

This isn’t the only interesting font Google’s made recently. It also announced a seriffed version of Roboto, which would seem like heresy if it didn’t actually look really nice, and it even brought back the beloved blobs in its Noto Emoji font. It’s not the only one playing around with variable fonts either — Apple’s SF Pro, which is used as the default font on pretty much all of its devices, supports variable optical sizes, and Microsoft’s programmer-focused Cascadia Code supports variable weights.

Today’s Storystream

Feed refreshed Sep 24 Not just you

External Link
Emma RothSep 24
California Governor Gavin Newsom vetoes the state’s “BitLicense” law.

The bill, called the Digital Financial Assets Law, would establish a regulatory framework for companies that transact with cryptocurrency in the state, similar to New York’s BitLicense system. In a statement, Newsom says it’s “premature to lock a licensing structure” and that implementing such a program is a “costly undertaking:”

A more flexible approach is needed to ensure regulatory oversight can keep up with rapidly evolving technology and use cases, and is tailored with the proper tools to address trends and mitigate consumer harm.

Andrew WebsterSep 24
Look at this Thing.

At its Tudum event today, Netflix showed off a new clip from the Tim Burton series Wednesday, which focused on a very important character: the sentient hand known as Thing. The full series starts streaming on November 23rd.

Welcome to the new Verge

Revolutionizing the media with blog posts

Nilay PatelSep 13
The Verge
Andrew WebsterSep 24
Get ready for some Netflix news.

At 1PM ET today Netflix is streaming its second annual Tudum event, where you can expect to hear news about and see trailers from its biggest franchises, including The Witcher and Bridgerton. I’ll be covering the event live alongside my colleague Charles Pulliam-Moore, and you can also watch along at the link below. There will be lots of expected names during the stream, but I have my fingers crossed for a new season of Hemlock Grove.

Andrew WebsterSep 24
Looking for something to do this weekend?

Why not hang out on the couch playing video games and watching TV. It’s a good time for it, with intriguing recent releases like Return to Monkey Island, Session: Skate Sim, and the Star Wars spinoff Andor. Or you could check out some of the new anime on Netflix, including Thermae Romae Novae (pictured below), which is my personal favorite time-traveling story about bathing.

A screenshot from the Netflix anime Thermae Romae Novae.
Thermae Romae Novae.
Image: Netflix
Tom WarrenSep 23
Has the Windows 11 2022 Update made your gaming PC stutter?

Nvidia GPU owners have been complaining of stuttering and poor frame rates with the latest Windows 11 update, but thankfully there’s a fix. Nvidia has identified an issue with its GeForce Experience overlay and the Windows 11 2022 Update (22H2). A fix is available in beta from Nvidia’s website.

External Link
If you’re using crash detection on the iPhone 14, invest in a really good phone mount.

Motorcycle owner Douglas Sonders has a cautionary tale in Jalopnik today about the iPhone 14’s new crash detection feature. He was riding his LiveWire One motorcycle down the West Side Highway at about 60 mph when he hit a bump, causing his iPhone 14 Pro Max to fly off its handlebar mount. Soon after, his girlfriend and parents received text messages that he had been in a horrible accident, causing several hours of panic. The phone even called the police, all because it fell off the handlebars. All thanks to crash detection.

Riding a motorcycle is very dangerous, and the last thing anyone needs is to think their loved one was in a horrible crash when they weren’t. This is obviously an edge case, but it makes me wonder what other sort of false positives we see as more phones adopt this technology.

External Link
Ford is running out of its own Blue Oval badges.

Running out of semiconductors is one thing, but running out of your own iconic nameplates is just downright brutal. The Wall Street Journal reports badge and nameplate shortages are impacting the automaker's popular F-series pickup lineup, delaying deliveries and causing general chaos.

Some executives are even proposing a 3D printing workaround, but they didn’t feel like the substitutes would clear the bar. All in all, it's been a dreadful summer of supply chain setbacks for Ford, leading the company to reorganize its org chart to bring some sort of relief.