WordPress教程：网站中使用自定义字体

概述在使用WordPress建站的过程中，很多时候我们希望在网页中使用某种特定的字体，而这种特定的字体并不是主流 *** 作系统的内置字体。在使用比较少的情况下，我们可以把想要的文字做成图片，但是如果网页中需要大范围的使用该字体，做成图片的方法就行不通了。而且如果把文字内容做成图片不易修改，也不利于网站SEO。

在使用的过程中，很多时候我们希望在网页中使用某种特定的字体，而这种特定的字体并不是主流 *** 作系统的内置字体。在使用比较少的情况下，我们可以把想要的文字做成图片，但是如果网页中需要大范围的使用该字体，做成图片的方法就行不通了。而且如果把文字内容做成图片不易修改，也不利于网站SEO。

谷歌字体是个不错的选择，它能够让字体在网页上显示的丰富多样，但是国内谷歌字体Google Fonts所在的googleapis.com网站被墙，根本加载不了，而且会导致WordPress加载速度变慢，我们在之前的WordPress教程中已经讲解过的方法。

在这种情况下，使用CSS的@Font-face属性在网页中嵌入自定义字体成为最佳选择，下面的wordpress教程里，我们就向大家介绍一下WordPress网站中如何嵌入自定义字体。

1. 获取要使用字体的文件格式，确保能在主流浏览器中都能正常显示该字体。

.TTF或.OTF格式字体，适用于firefox 3.5、Safari、Opera浏览器.EOT格式字体，适用于Internet Explorer 4.0+浏览器.SVG格式字体，适用于Chrome、IPhone浏览器

通常我们在网上只能下载到一种格式的字体，我们可以使用下载的字体在下方的网站中做字体格式转化：

2. 在样式表中声明该字体

我们以CygnetRoundRegular字体为例，在CSS中加入如下代码：

3. 在需要调用的地方添加如下代码（根据具体情况进行修改）

达到的效果如下：

效果不错吧，赶紧试一下吧。

总结

以上是内存溢出为你收集整理的WordPress教程：网站中使用自定义字体全部内容，希望文章能够帮你解决WordPress教程：网站中使用自定义字体所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zz/1021246.html