谷歌字体是个不错的选择,它能够让字体在网页上显示的丰富多样,但是国内谷歌字体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中加入如下代码: