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
相关阅读
更多资讯
-
完美防止垃圾邮件的6种方式 - 让Spam爬虫空手而归
-
常用 JavaScript 库 CDN 加速服务
-
JavaScript and CSS Code Beautifier - 代码格式化高亮扩展
-
【译】使用 Intersection Observer 实现图片延迟加载
-
使用 Web Audio API 播放摩斯密码
-
【译】如何创造带方向感应的纯 CSS 悬停效果
-
Kraken.io - 最好用的在线图片压缩工具
-
Polyfill.io - 自动化的 JavaScript Polyfill 服务
-
CSS3介绍
-
使用 SVG 实现手写签名动画效果
-
Fontmin - 中文 WebFont 子集化生成工具
-
通过 Chrome Workspace 调试本地项目