分类导航

网页引入特殊字体的几种方案

发布时间：2017年06月05日作者： IT网络文摘 (该文来自笔记，点击查看原文)

网页使用的字体需要受制于操作系统，如果用户的操作系统没有安装某个字体，网页则会退而求其次的使用系统自带的字体。

因此我们并不能随便使用一些好看的字体，只能选用一些安全字体。比如：Helvetica，Arial，宋体，微软雅黑，如果能在网页上使用好看的字体就好了~

可是引入字体对于英文来说，是合适的，因为字体文件本身不大。但是对于中文字体，一个字体文件就好几M，既耗费流量，又拖慢了加载速度，还会出现加载后字体突然变化的情况，尤其是对于移动端来讲，非常不划算。

做为一个有追求的前端，我也想做出一个有个性的网页啊，怎么能只用这一种字体呢？

于是，我们可以使用以下的方法，引入其他的字体。

可以在https://fonts.google.com/网站上下选择字体，然后把提供的代码，引入网页中。

seo优化培训,网络推广培训,网络营销培训,SEM培训,网络优化,在线营销培训

在网页中正常定义即可，如：font-family: 'Roboto', sans-serif;

还可以把字体文件下载下来，放在服务器上引用。

不过，这些字体不包括中文。纯英文的网站可以考虑使用。中文则不会按照设定的字体显示。