#Google Fonts#网站全新设计,免费下载八百种英文字体

文章目录[隐藏]

#Google Fonts#网站全新设计,免费下载八百种英文字体

谷歌字体免费字体网站一直是我非常喜爱的 Google 服务,其中收录大量开放原始码字体项目,让使用者透过目录筛选的方式找到自己需要的字体资源,除了免费下载也能藉由产生代码将字体内嵌到网站使用,大家都知道 Google 拥有相当庞大的网路连线能力,因此网络字体不仅能让文字样式更多样化,也不会对加载速度造成影响,之前谷歌字体已將中文思源黑體放入早期访问測試頁面,用以改善中文网页的文字显示效果。

值得一试的三个理由:

  1. 全新Google Fonts设计,操作及浏览上更顺手好用
  2. 内置搜寻筛选,更快找到自己需要字体组合
  3. 可下载字体档案(.ttf)或嵌入网页使用

不过 Google Fonts 一直以来为人诟病的是网页动线设计不佳,甚至没有搜寻功能,还有国外开发者将它重新改造,推出更易于使用操作的替代方案 fontcdn,但這始終不是個最佳解決方案,終於 Google 把網站砍掉重練,現在的 Google Fonts 設計煥然一新!

一打開全新谷歌字体網站後,映入眼簾的是維持一貫乾淨簡潔 Google 設計風格,右上角內建四種配色調色盤,可隨意切換成自己喜歡的顏色組合。

#Google Fonts#网站全新设计,免费下载八百种英文字体

#Google Fonts#网站全新设计,免费下载八百种英文字体

#Google Fonts#网站全新设计,免费下载八百种英文字体

首頁列出一些精選的免费字体,设计师们很熟悉的 Open Sans、Roboto、Lato 和 Oswald 等等字体组合,直接在字体上进行即时测试,包括切换大小、字元预览或不同字重的显示情形。

值得一提的是 Google Fonts 终于加入搜寻功能!当然你也可以就不同的字体种类(Serif、Sans Serif、Display、Handwriting、Monospace)来进行筛选,当然字体下载、嵌入功能仍然是网站的主力项目,不过现在还会以图表显示出该字体在不同国家地区的使用比例。

站点名称:谷歌字体
网站连接:https://fonts.google.com/

使用教學

开启谷歌字体新网站后,直接在首页就能测试不同的字体显示效果,不过这些英文字体无法套用于中文上,测试时也不能使用中文(会无法正确显示)。预览时能调整不同字重和文字大小,相较于原本的 Google Fonts 来说确实更直觉更好用。

#Google Fonts#网站全新设计,免费下载八百种英文字体

开启任一个字型页面后,会有非常完整详尽的介绍,假如对于一个字体项目有兴趣,还能找到它的设计者及背景。最重要的是每个字元的呈现效果预览,亦能输入文字来测试不同字重和字体大小显示情形。

#Google Fonts#网站全新设计,免费下载八百种英文字体

在字体页面右上角点选「选择这个字体」后,再点选右下角就能开启下载功能。

这里区分成嵌入装置(Embed)或直接下载字体档案(Local Font Files),Google 建议使用者透过类似skyfonts之类的字体管理工具,确保电脑上拥有最新版本的字体档案。

如果字体有多种字重,还可以依照需求单独提取。

#Google Fonts#网站全新设计,免费下载八百种英文字体

透過谷歌字体嵌入代码就能夠將產生的网页字体套用到自己的网站博客。

若你选择的字体数量太多,可能会影响到网页加载速度(档案太大),尽量保持 Load Time 为绿色状态(Fast)。

#Google Fonts#网站全新设计,免费下载八百种英文字体

上面大致介紹從 Google Fonts 取用免費字型的方法。

另一個 Google Fonts 的新設計我很喜歡,就是能测试热门的字体搭配组合,例如在 Lato 中会提供与其他字体配对(Open Sans、Roboto、Oswald、Indie Flower),能够测试一下把两个不同字体分别运用在标题和内文时产生的效果。

#Google Fonts#网站全新设计,免费下载八百种英文字体

Google Fonts 在经过大翻修后提供使用者更好的界面使用体验!谷歌目前收錄八百多種字型字体,虽然没什么中文字体选择,仍带来非常多的设计与排版灵感,以及如何改善网页阅读,如果喜欢字体的话,别忘了到全新的 Google Fonts 网页走走,保证令你大吃一惊。


如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:#Google Fonts#网站全新设计,免费下载八百种英文字体
本文短地址:
喜欢 (1)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址