深度技术教你在网页上使用 GOOGLE WEB FONT
发布时间：2022-03-24 11:25:47
现时有很多网站流行使用网页字体 ，这些字体大部分来自 Google Font 提供的700+免费字体，对于网页设计师和前端人员来说，是个很棒的字体库，设计师可以使用字体库提供的免费字体来网页设计，而前端人员可以直接调用 Web Font 样式，极其方便。这篇文章教你怎么用!
本文告诉你：
#1 下载Google字体库的免费字体，并安装到电脑上。
#2 在网页上使用GoogleWeb Font(网页字体)
#3 彩蛋^_^
Google.com/fonts/
#1 下载&安装 Google 字体库的免费字体
Step 1: 选择字体
进入 Google Font 页面，选择你要的字体(可在左栏或搜索框查找字体)，点击「Add to Collection」添加字体，可以多选，添加后，字体会出现在网页下方的 Collection 模块下。
Step 2: 下载字体
添加好自己的字体后，接下来就点击右上角的下载按钮来下载字体，如下图：
这里我们选择「zip file」压缩包格式进行下载。
Step 3：安装字体到电脑
解压刚刚下载的字体包，把字体文件复制到操作系统的字体目录。
Windows字体目录：C:WindowsFonts
如果你是 MAC OS 用户，请使用字体册来安装字体，“字体册”位于“应用程序”文件夹中(在 Finder 中选取“前往”>“应用程序”)。
然后把字体直接拖进去安装即可!
字体安装完后，用户就可以在 PS, AI, WORD, PDF 等常用软件上使用它们了。
#2 在网站上使用 Google Web Font 字体
Step 1: 选择好字体后，点击「quick use」按钮
Step 2: 选择字形
大部分英文字体都有粗体、细体多个字形划分，按需选择即可。
Step 3 : 引入字体 CSS 样式表
只需要把给出的一串
而这个字体名称可以看下方给出的 font-family 代码，如下图：
整个过程是十分简单的。
#3彩蛋：Google Font CDN
大陆用户访问 Google web font 比较慢，可以尝试使用提供 Google font CDN 来加速。
0
投稿猜你喜欢
最近有win10用户反映，电脑在使用系统自带画图程序编辑照片时，突然遇到了问题，提示“发生了共享冲突”，最终导致无法保存，这该怎么办呢？本文- 相信小伙伴都知道电脑系统是电脑运行的基础灵魂，不过有时候系统会出现各种问题，这时就需要对电脑重装系统，以恢复正常运行。那么，重装系统最简单的
- 日常工作中，经常会使用wps文字来编辑文档，当我们在编辑文档时，可能需要在其中添加横线，对于刚从其它版本转型过来的应该就不会太懂吧，没关系下
- Word怎么在页脚添加横线啊，以WPS 2019版本为例：关于WPS文档页脚横线，您可使用WPS参考下述步骤完成操作：先进入页脚的编辑状态，
- win11系统的nvidia控制面板可以调节设置显卡，让我们的电脑用起来更加的流畅舒服，也可以修改电脑的辅助功能，满足所有人的需求，近期有小
- windows移动中心无法打开怎么办？Win7系统的windows移动中心打不开该如何解决？下面就给大家分享Win7系统打不开windows
- 咪咕视频是一个十分优秀的视频播放平台，不仅能够为用户提供海量短视频内容、高质量影视、直播等优质内容，而且我们还可以在里面观看到最新的世界杯赛
- 苹果cydia无法加载一般都是越狱的问题，有很多用户越狱之后就会出现这个问题，解决方法就是网络的问题，想要解决的用户快点来看看详细的解决教程
- 无论是在办公还是学习的过程中都经常使用到excel表格，有时候会发现桌面右键竟然没有新建excel表格的选项，这该怎么办？不过不用着急，下面
- 我们在利用WPS表格和Excel软件进行日常办公时，经常需要在表格当中输入1万10万30万这样的数字，那么如果我们需要在单元格当中输入一个亿
- 在设置路由器的过程中，在无线网络基本设置一项会看到一个名为“信道”的参数，默认的是自动，那么问题来了，无线路由器信道是什么意思呢？对于这一参
- 当我们更新win10 1909版本系统时，一些朋友会遇到无法完成更新并被撤消的情况。我认为可以通过在后台智能传输服务服务中进行设置来解决此类
- 在MacOS系统下编辑文本，然后到Windows系统的记事本里面发现文本内容不换行了，这是为啥呢？原因其实就是 MacOS 和 Window
- iOS8.3越狱安全吗？越狱之后，手机系统的root账户默认密码都是统一的，所以为了安全起见，建议大家修改一下root密码。学过Unix/L
- win10笔记本盖盖不关屏幕怎么设置？在默认的使用中，一般笔记本电脑默认盒上盖子后会自动关闭屏幕，保持节能的状态，但有时候我们并不想要息屏，
- mobaxterm怎么连接虚拟机linux上传文件？mobaxterm集串口，SSH远程登录和FTP传输三合一，是一款远程终端控制传输。那对
- 有时看到别人文档中字体的倒影效果会觉得很酷，其实我们也可以在wps中实现字体的倒影效果，下面就让小编告诉你wps怎样制作倒影字体。wps制作
- 我们在利用Excel表格进行日常办公时，经常需要制作各种各样的表格，当表格不能一目了然时，我们也会在表格当中根据数据添加图表，那么单调的图表
- 当我们在使用windows时，常常会遇到我们操作不了的问题，例如win10关闭windows安全中心功能的两种方法，跟小编一起往下看。1、首
- 很多用户每天开启电脑的时候都会弹出今日热点的弹窗广告，真的是挺烦人的，那么如果用户想要阻止今日热点弹窗的广告弹出要怎么设置呢？一起来看看吧！
