编者按:想知道Facebook、Twitter、Google都在使用哪些字体?想知道目前最流行的网页字体?一个酷站直接搞定!今天介绍的FontReach不仅可以快速查询某个网站用的字体,而且还列出了最热门的网页字体排行榜(猜猜世界第一是哪个),帮你把握字体趋势!
网页字体(Web fonts)发展历史可以回溯到 CSS2 规范的 @font-face 属性,这是一种让网页字体有更多变化的技术,即使计算机没有安装对应的字体档案,也能透过浏览器加载让系统支持更多显示字符。网页字体已被大量使用到现今的网络应用中,例如你平常经常浏览的 Google、Facebook、Twitter 等网站也都有运用网页字体。
无论你是网页设计师,或是平常喜欢花时间研究网站相关技术,应该也都知道如何在网页内加载网页字体(例如使用 Google Fonts),但你或许想知道,究竟全世界的网站都选择使用那一些网页字体呢?
本文要介绍的 FontReach 网站已经帮你把这些数据整理好,让用户快速查询某个字体被用于那一些我们熟悉的网站,只要开启网页、输入要查询的字体名称,FontReach 就会把所有数据条列出来。
此外,它还可以显示最热门的网页字体排行榜,让你知道目前最流行的网页字体选择!
Fontreach
网站提供的数据以英文字体为主。若你想要在中文网站上套用中文字体,可以试试看 justfont 或文鼎科技 iFontCloud 云端字体服务。
STEP 1
开启 FontReach 网站后,于首页搜寻框输入要查询的字体名称,例如 Helvetica,输入时会同时在下面显示出可能的字体名称,以及它目前被多少网站使用。
STEP 2
搜寻 Helvetica Neue 这款很知名的网页字体,果不其然有超过二十万个网站使用,在排行榜里是第三名,其中这份列表会依照网站排名显示,包括 Facebook、Yahoo、Twitter 和 eBay 等网站都有使用 Helvetica。
附:《经典打包!世界上最受欢迎的英文字体Helvetica全套下载》
如果你想深入了解某个网站使用的所有网页字体,点选网址后,就会立即显示相关结果,可以看到 Twitter 使用的网页字体包括:Arial、Helvetica Neue、Sans-serif、Monospace、Georgia、Tahoma 和 Courier New,非常有趣。
STEP 3
以我的经验来说,一个好的网页字体必须要有几个要件,包括:档案不能太大、有良好的阅读性以及可以在标题或内文套用的特定样式。要如何找到最适切的字体呢?或许可以从字体使用排行榜来找出端倪。
开启 http://www.fontreach.com/#top 即可看到 FontReach 整理的字体排名。
FontReach 对于开发者来说确实是个很有价值的参考工具,能让我们在选择网页时有个更为客观的依据。如果你想知道某个网站使用的字体,但在 FontReach 却没有列出,可使用其他类似的查询工具:
- Fontface Ninja 一键查看网页使用的字体名称、大小和行高
- Type Sample 轻松查询、辨识网页使用的字体名称和大小
- Stylify Me 快速获取网站配色、字体等风格信息
值得一试的三个理由:
- 快速查询字体被多少网站使用
- 找出某个网站使用的字体列表
- 网页字体使用排行榜
【优设近期超实用神器合集】
在线创建超赞图表的酷站!
《缺少灵感?自动生成上千款热门配色色板的COOLORS》帮你补充配色灵感!
《缺少灵感?自动生成上千款热门配色色板的COOLORS》一次搜索21个图库的搜图杀器!
《搜图杀器!一次查找21个免费可商用图库网站的STOCK UP》
原文地址:free.com.tw
【优设网 原创文章 投稿邮箱:2650232288@qq.com】
================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/。
设计微博:拥有粉丝量102万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
MG动画设计与制作
已累计诞生 653 位幸运星
发表评论
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓