SlideShare a Scribd company logo
Things You Can Learn From Popular Fonts of The World
Creatype Studio
These two fonts aren’t just very popular and widely used around the world, they also have
interesting stories. Let’s get to know them better and perhaps learn a thing or two.
The Font That Used To Be A Monster
First up is Roboto, this is a font developed for the Android operating system to replace the
previous font called Droid.
Roboto was rst released in 2011, the brainchild of Christian Robertson at Google. It was said
that Roboto was designed to look good on multiple screen sizes, from a small smartwatch to a
large tablet.
If you want to get technical, Roboto is actually a neo-grotesque typeface, the same kind as
Helvetica. And indeed, Roboto nowadays can be considered as one of the alternatives to
Helvetica.
Just like other neo-grotesque typefaces, Roboto has straight-sided capitals and rounded letters
in a sort of racetrack shape. One of the unique things about Roboto is that the size of each
letter is designed to take as much space, to increase legibility and comfortable reading
experience.
Although it was developed in 2011, Robertson — Roboto’s designer — actually called this a
living design. That’s because it has subsequently been updated many times since its inception.
Its rst release in 2011 was not welcomed with an open hand by the typography community. It
was even called a “Frankenfont”. Due to the impression that Roboto had taken elements from
other typefaces and assembled them together, much like Frankenstein’s monster.
In 2011, Stephen Coles wrote in Typographica how Roboto used elements from Helvetica,
Myriad, Univers, FF Din, and Ronnia.
Here’s a paragraph from Cole’s original article:
I’m all for the strategy of developing a unique identity typeface, and I commend Google for
employing type designers in house, but this is an unwieldy mishmash. Roboto indeed has a mixed
heritage, but that mix doesn’t have anything to do with the gibberish from the press release. Its
parents are a Grotesk sans (like a slightly condensed Helvetica) and a Humanist sans (like Frutiger
or Myriad). There’s nothing wrong with combining elements of these two styles to create something
new. The crime is in the way they were combined: grabbing ideas from the Grotesk model, along
with a Univers-inspired ‘a’ and ‘G’, welding them to letters from the Humanist model, and then
bolting on three straight-sided caps à la DIN.
Cole goes on to say that some words, when created using Roboto, can have a very di erent
feeling. The word “fudge” he noted, looked casual and contemporary, while the word
“Marshmallow” became rigid and classical. “This is not a typeface. It’s a tossed salad. Or a
four-headed Frankenstein. You never know which personality you’ll get,” he wrote.
Robertson actually tries to answer this controversy by, at rst, explaining some of his decision.
Cole published Robertson’s explanation on Typographica, embedded in his original post.
Of the “four-headed” monster that Cole objected to, Robertson addresses two. And the other
two, he deemed not a big enough problem. “Note that there are still some bugs in the font that
has been extracted from the SDK. Many of these have been corrected already, and you can
expect to see some xes to minor kerning issues and some diacritical misalignments,” said
Robertson.
And indeed, Roboto was updated multiple times across its lifetime. In 2014, Roboto seem to
address some of the criticism. This was also the year that the font came alive and start to be
accepted by the typography community.
In a video for Google I/O in 2015, Robertson highlights some of the changes they made. “One
of the unique things about designing for a digital environment is that you can update the
types. And, we really see Roboto as a living typeface,” said Robertson.
Roboto is available on Google Fonts.
Next up is Futura, this is a font that originated in Germany previous to World War II. This
font was famously used on a plaque that NASA’s astronauts le on the moon. Douglas Thomas
actually was invited to give a speech at TED Talk to talk about Futura.
“This plaque is a beautiful object and one that I want to talk to you a little bit about. First, you
might notice that there are two globes, representing all of the earth. And then there’s this
beautiful statement: “We came in peace for all mankind.” Now, at rst, this is just nice poetic
language, but it’s also set in a typeface that’s perfect for this moment. It seems industrial, it
seems engineered. It also is the best possible name you could come up with for something on
the moon: Futura,” said Thomas in his TED Talk.
Futura was created by Paul Renner in 1927, at the Bauer Type Foundry, as part of the New
Frankfurt Project. As Thomas noted in his talk, the design of Futura is based on simple
geometries.
Thomas called it an embodiment of the aphorism of modernism: “Less Is More”. Modernism
The Font for The Future
circles, like the O, D, and C, or others have this pointed apex of the triangle. Others just look
like they might have been made with a ruler or a compass. They feel geometric, they feel
mathematic, precise. In fact, this whole system carries through with the way that the typeface
was designed. To not look like it was made like other typefaces, to be something new,” Thomas
said.
Margaret Penney on Sessions.edu also commented that Renner was probably inspired by the
Bauhaus style. “Renner was not part of Bauhaus but he shared their beliefs regarding fonts as
expressions of modernity. Renner rejected the font styles of the past, the grotesques, their
narrowness, and the lack of a consistent system for their weights and shape forms. The design
of Futura helped usher in a new Modern age and was emblematic of the era,” Penney wrote.
Thomas noted that in America, during World War II, the typeface was copied and called many
other names. “For most people, they didn’t even learn the new names, they just still called it all
Futura. So America took this typeface in, conquered it, and made it it’s own. So by the time
World War II nishes, Americans are using this on everything, whether it be catalogs, or
atlases, or encyclopedias or charts and graphs, or calendars, or even political material,”
Thomas said.
And that was how, a er the War, the American government and military keep using Futura on
many o cial documents. Including, the Mercury Program and eventually the Apollo Program
that brought people to the moon. “In fact, the very rst or last thing an astronaut might have
seen when they were entering or exiting the spacecra would have been in Futura,” said
Thomas.
Thomas considers the story of the Futura typeface as one about assimilation. “And that’s one
of the best and worst things America does, is we take things into our culture and we spit them
out back again and claim them our own,” he said.
If you want to use something similar to Futura, how about this font named a er the creator of
Futura? Renner* is available on FreebiesBug.
We hope you enjoyed the story of Roboto and Futura and can learn a thing or two. Here are
some things we learn from it:
If you believe in something, it can pay o to keep iterating and improving. Just like
how Roboto evolved from a so-called “frankenfont” into a respectable and widely used
Lessons Learned
typeface.
Going back to basics can help you show the foundation of your design, the way Futura
uses basic geometric shapes in creating a timeless typeface.
Creatype Studio
Type Designer & Lettering
www.creatypestudio.co

More Related Content

Featured

Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
Christy Abraham Joy
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
Vit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
MindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
GetSmarter
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
Project for Public Spaces & National Center for Biking and Walking
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
DevGAMM Conference
 

Featured (20)

Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 

Things You Can Learn From Popular Fonts of The World

  • 1. Things You Can Learn From Popular Fonts of The World Creatype Studio These two fonts aren’t just very popular and widely used around the world, they also have interesting stories. Let’s get to know them better and perhaps learn a thing or two. The Font That Used To Be A Monster
  • 2. First up is Roboto, this is a font developed for the Android operating system to replace the previous font called Droid. Roboto was rst released in 2011, the brainchild of Christian Robertson at Google. It was said that Roboto was designed to look good on multiple screen sizes, from a small smartwatch to a large tablet. If you want to get technical, Roboto is actually a neo-grotesque typeface, the same kind as Helvetica. And indeed, Roboto nowadays can be considered as one of the alternatives to Helvetica. Just like other neo-grotesque typefaces, Roboto has straight-sided capitals and rounded letters in a sort of racetrack shape. One of the unique things about Roboto is that the size of each letter is designed to take as much space, to increase legibility and comfortable reading experience. Although it was developed in 2011, Robertson — Roboto’s designer — actually called this a living design. That’s because it has subsequently been updated many times since its inception. Its rst release in 2011 was not welcomed with an open hand by the typography community. It was even called a “Frankenfont”. Due to the impression that Roboto had taken elements from
  • 3. other typefaces and assembled them together, much like Frankenstein’s monster. In 2011, Stephen Coles wrote in Typographica how Roboto used elements from Helvetica, Myriad, Univers, FF Din, and Ronnia. Here’s a paragraph from Cole’s original article: I’m all for the strategy of developing a unique identity typeface, and I commend Google for employing type designers in house, but this is an unwieldy mishmash. Roboto indeed has a mixed heritage, but that mix doesn’t have anything to do with the gibberish from the press release. Its parents are a Grotesk sans (like a slightly condensed Helvetica) and a Humanist sans (like Frutiger or Myriad). There’s nothing wrong with combining elements of these two styles to create something new. The crime is in the way they were combined: grabbing ideas from the Grotesk model, along with a Univers-inspired ‘a’ and ‘G’, welding them to letters from the Humanist model, and then bolting on three straight-sided caps à la DIN. Cole goes on to say that some words, when created using Roboto, can have a very di erent feeling. The word “fudge” he noted, looked casual and contemporary, while the word “Marshmallow” became rigid and classical. “This is not a typeface. It’s a tossed salad. Or a four-headed Frankenstein. You never know which personality you’ll get,” he wrote. Robertson actually tries to answer this controversy by, at rst, explaining some of his decision. Cole published Robertson’s explanation on Typographica, embedded in his original post. Of the “four-headed” monster that Cole objected to, Robertson addresses two. And the other two, he deemed not a big enough problem. “Note that there are still some bugs in the font that has been extracted from the SDK. Many of these have been corrected already, and you can expect to see some xes to minor kerning issues and some diacritical misalignments,” said Robertson. And indeed, Roboto was updated multiple times across its lifetime. In 2014, Roboto seem to address some of the criticism. This was also the year that the font came alive and start to be accepted by the typography community. In a video for Google I/O in 2015, Robertson highlights some of the changes they made. “One of the unique things about designing for a digital environment is that you can update the types. And, we really see Roboto as a living typeface,” said Robertson. Roboto is available on Google Fonts.
  • 4. Next up is Futura, this is a font that originated in Germany previous to World War II. This font was famously used on a plaque that NASA’s astronauts le on the moon. Douglas Thomas actually was invited to give a speech at TED Talk to talk about Futura. “This plaque is a beautiful object and one that I want to talk to you a little bit about. First, you might notice that there are two globes, representing all of the earth. And then there’s this beautiful statement: “We came in peace for all mankind.” Now, at rst, this is just nice poetic language, but it’s also set in a typeface that’s perfect for this moment. It seems industrial, it seems engineered. It also is the best possible name you could come up with for something on the moon: Futura,” said Thomas in his TED Talk. Futura was created by Paul Renner in 1927, at the Bauer Type Foundry, as part of the New Frankfurt Project. As Thomas noted in his talk, the design of Futura is based on simple geometries. Thomas called it an embodiment of the aphorism of modernism: “Less Is More”. Modernism The Font for The Future
  • 5. circles, like the O, D, and C, or others have this pointed apex of the triangle. Others just look like they might have been made with a ruler or a compass. They feel geometric, they feel mathematic, precise. In fact, this whole system carries through with the way that the typeface was designed. To not look like it was made like other typefaces, to be something new,” Thomas said. Margaret Penney on Sessions.edu also commented that Renner was probably inspired by the Bauhaus style. “Renner was not part of Bauhaus but he shared their beliefs regarding fonts as expressions of modernity. Renner rejected the font styles of the past, the grotesques, their narrowness, and the lack of a consistent system for their weights and shape forms. The design of Futura helped usher in a new Modern age and was emblematic of the era,” Penney wrote. Thomas noted that in America, during World War II, the typeface was copied and called many other names. “For most people, they didn’t even learn the new names, they just still called it all Futura. So America took this typeface in, conquered it, and made it it’s own. So by the time World War II nishes, Americans are using this on everything, whether it be catalogs, or atlases, or encyclopedias or charts and graphs, or calendars, or even political material,” Thomas said. And that was how, a er the War, the American government and military keep using Futura on many o cial documents. Including, the Mercury Program and eventually the Apollo Program that brought people to the moon. “In fact, the very rst or last thing an astronaut might have seen when they were entering or exiting the spacecra would have been in Futura,” said Thomas. Thomas considers the story of the Futura typeface as one about assimilation. “And that’s one of the best and worst things America does, is we take things into our culture and we spit them out back again and claim them our own,” he said. If you want to use something similar to Futura, how about this font named a er the creator of Futura? Renner* is available on FreebiesBug. We hope you enjoyed the story of Roboto and Futura and can learn a thing or two. Here are some things we learn from it: If you believe in something, it can pay o to keep iterating and improving. Just like how Roboto evolved from a so-called “frankenfont” into a respectable and widely used Lessons Learned
  • 6. typeface. Going back to basics can help you show the foundation of your design, the way Futura uses basic geometric shapes in creating a timeless typeface. Creatype Studio Type Designer & Lettering www.creatypestudio.co