Google Fonts 网页设计师必用

2019-09-30    分类: Google

在以往的网站建设过程中,字型的选择并不多,即便设计师选择了特定的字体,若使用者没有安装,仍然无法顺利观看。若在必须使用更美观的字体的情况下,就得制成图片,但这不仅会造成档案变大,对于SEO的搜寻更是不利。而Web Fonts的出现便替广大网站建设师解决这个问题,不必再担心因使用者没有安装该字体而导致与预期不一的效果。

以英文的Web Fonts来说,最有名绝对非Google Fonts莫属,Google Fonts是一套开放且免费的资源网站。

第一步:进入Google Fonts网站,点选想用的字型,并可依需求选择想要的字型样式、大小变化等。

进入Google Fonts网站,点选想用的字型,并可依需求选择想要的字型样式、大小变化等。
 005.jpg

第二步:点选右上角「select this font」

 点选右上角「select this font」

第三步:会滑出新视窗,复制原始码及CSS即可,也可下载至个人电脑。

 3.jpg

 另外,Google Fonts也提供中文字体,目前有五款可选择:圆体、楷体、仿宋体、黑体、明体

另外,Google Fonts也提供中文字体,目前有五款可选择:圆体、楷体、仿宋体、黑体、明体。

https://fonts.google.com/earlyaccess

进入网站后按ctrl+F搜寻「Chinese Traditional」即可找到这些字体。

 4.jpg

Google Fonts目前已拥有809种字型,提供线上预览让您即时浏览任何想输入的文字,并可自由选择字体大小与粗斜体等变化的预览效果,也可下载于私人电脑观看,这让网站建设师能不再侷限于系统内建字型,使用者也不必再安装该字型档案,便可享受最原始的设计,所以了解Google fonts的使用,对网站建设师来说绝对是一好利器。

文章题目:Google Fonts 网页设计师必用
文章出自:/news/80561.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有Google

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

手机网站建设