小影志 > 怀旧风情 > 前端开发 > Whats the Closest Google Font? 找到最好的 Google Web 字体

Whats the Closest Google Font? 找到最好的 Google Web 字体

作者:佚名 来源:小影志 时间:2021-07-07

\

许多设计师在设计网页的时候并不在意什么是网页安全字体(Web Safe Fonts),美观了页面,却苦恼了开发者。好在 Google Web Fonts 为开发者提供了上百款的字体,但有时候选择太多也是一件麻烦事……

 

你知道 Google Web Fonts 中最接近 Century Gothic 的字体是哪款吗?

Whats the Closest Google Font? 的网站作者可没被这种问题少烦过。不过时间一长,倒也整理归纳出了一些字体所接近的 Google Web Font。有了这个列表,可以为我们节省不少时间!

以大名鼎鼎的?Myriad Pro 字体为例,与之最相近的 Web 字体是?PT Sans:

 

 

这是作者选择 “最接近的 Google font” 的标准:

  • 最重要的是,字母间距(letter spacing)是否创建了一个合适的句子长度?
  • 磅数(weight)是一样的吗?
  • x字高(x-height)是否相近?
  • 升部(acenders)和降部(decenders)是否匹配?(g, y 和 q)
  • Everything else, termimals, ears, finials, shoulders, and especially tails and loops.(指字体细节,比如 g 的尾巴之类的...)

这是目前所整理的字体列表:

Sans-Serif(无衬线字体)

  • Avenir ≈ Nunuto
  • Century Gothic ≈ Muli
  • Eurostile ≈ Jura
  • Frutiger ≈ Istock Web
  • Futura ≈ Puritan
  • Gill Sans ≈ Oxygen
  • Myriad Pro ≈ PT Sans
  • Stone Sans ≈ Nunito

Serif(衬线字体)

  • Bembo ≈ EB Garomond
  • Cambria ≈ Oraniembaum
  • Rockwell ≈ Kameron
  • Stone Serif ≈ Lustria
  • Trajan ≈ Cinzel