Google fonts have been updated. Google Fonts is a library that provides 952 license-free fonts. It is a valuable tool that has made it possible to load and use web fonts in various web environments since its launch in 2010. The Google Fonts website has changed significantly this time.

The biggest change is that the tools and knowledge needed to use web fonts are included in tabs. Provides Fonts, Noto, Icons, Knowledge, and FAQ tabs. Mobile has a navigation tab at the bottom like an app. On a desktop, there is a navigation tab on the left like YouTube, and filters also appear as a sidebar on the left.

©Google
©Google

👁️ Designer Eye

You can find fonts using Fonts. Finding fonts by keyword is the basic navigation flow, and you can use filters to filter them out. Filters can be categorized by language, description, decoration, classification, attribute, etc. It seems to have been placed at the front of the filter because variable technology, which allows you to freely adjust various settings of the font, has recently emerged.

©Google

The Noto tab introduces Noto, created by Google. It is a font that aims to display languages around the world without omission and can be used for various characters such as Korean, Arabic, and Thai characters. You can watch the background and related stories of Noto, the Korean-Chinese-Japanese font CJK, etc. on YouTube.

©Google

The Icons tab introduces Material Symbols created by Google. Contains icons provided by Material Design. You can filter by style, weight, emphasis, visual size, and category. We provide code, SVG, and PNG that can be used on web, Android, and iOS. You can use a variable icon font that allows you to change various settings with code, and a static icon font that has fixed properties.

©Google

The Knowledge tab introduces a variety of knowledge about digital typography. It contains information such as how to apply variable fonts to the web, the history of Latin types, characteristics of Korean, Chinese, and Japanese fonts, readability and accessibility, Hangul design, Syllabic typography, typography basics, and fonts used in AR and VR.

©Google

📕 Editor's Notes

The usefulness of Fonts, Noto, and Icons is almost similar, and I am grateful that knowledge about web fonts is gathered in one place. Particularly noteworthy is the discussion of variable font technology, which allows users to easily configure it to suit various environments. Like a png image, the file is divided into meaningful names such as medium and bold and the thickness is fixed, but it is attractive that you can now adjust the style to the desired level, such as 100, 200, 300. I will be using Google Fonts a lot in the future, so be sure to use them!

More and Sources

Design Compass Newsletter

Every Tuesday morning, curated by a designer with 16 years of experience
A collection of inspiring news, trends and articles.

Similar posts

recent posts

Design Compass Newsletter

Every Tuesday morning, curated by a designer with 16 years of experience
A collection of inspiring news, trends and articles.

popularity

ios18-official-01
iOS 18 Officially Released: Call Recording Finally Happens
Jongno-emblem-01
Jongno-gu Rebranding: New Emblem Like Techno Gwanghwamun
chatgpt-canvas-01
Canvas: ChatGPT's new feature that surpasses Notion

Design Compass Academy

thumbnail-course-list-ux
UX Design Class: UX Design for Selected Services
ui-design-main-mobile
UI Design Class: Learn the essence of an interface that will never change

Latest news

robinhood-01
soop-01
adobemax2024-01
Jongno-emblem-01
cybercab-01
ria-font-01
Hangul-gwaja-01
agoda-dark-pattern-01

Design Compass Class