谷歌字体

Google字体

如何正确地为wordpress添加Goolge字体

Goolge的网页字体是网页设计中的一大免费资源,可以有效地统一不同操作系统下的字体显示。在这篇文章中,我将介绍如何正确地为WordPress主题添加Google网页字体,以提升网页加载速度。 确定自己喜欢的Goolge字体 首先前往 http://www.google.com/fonts, 在Google的字体库中寻找一两款美观的字体,比如我找到的是Alegreya Sans字体。然后点击Quick Use按钮。   点击Quick Use按钮后,在新的页面里下拉到第三栏。可以看到,第三栏有3个标签,每个标签下面都有一行代码。第一个标签下面的代码是我们推荐使用的代码,它使用 HTML link标签来加载Goolge字体的CSS文件。第二个标签下面的代码使用CSS @import来导入Google字体的CSS文件,第三个标签的代码使用JavaScript来加载CSS文件。   我将告诉你如何分别使用这三种方法以及每种方法的好处和坏处。 使用HTML link标签加载外部CSS样式 第一种方法,也是标准的、推荐使用的方法。这种方法使用HTML的link标签来加载外部CSS样式。我们需要把Goolge在第三栏提供是 link这一行代码复制下来,然后添加到WordPress主题文件夹下面的header.php文件中。如果你要添加两种以上的字体,那么可以在这行代 码中用“|”符号同时添加这两种字体。将这行代码粘贴到header.php文件中其他link标签的上面。如下...