WordPress. 如何用Google WEB字体替换Cufon字体

本教程展示了如何用Google字体替换Cufon WordPress templates.

WordPress. 如何用Google WEB字体替换Cufon字体.

1. 在一些WordPress模板菜单中，标题和标题文本是用Cufon生成的字体创建的.
   你可以检查一个合适的项目 Firebug 为了确保cufon字体被用于特定的文本:

   

2. 首先，你应该去掉所有的扣 script 在模板文件中调用. 确保你已经解压缩了模板包:

   

3. Open the software 这允许在文件中搜索文本. We are using Notepad++ software. Press Ctrl+F 为了打开搜索对话框，选择 Find in Files tab.
   Specify cufon in Find What section. 选择模板文件的位置. 确保所有的搜索选项都和我们一样. Click on Find All:

   

4. 我们可以看到其中的文件列表 keyword cufon is being used. 我们应该编辑调用cufon脚本的文件. 不更改cufon脚本本身吗. 在我们的例子中，必须修改以下文件:wp-content\themes\themeXXXX\includes\theme-scripts.php, themeXXXX\footer.php, themeXXX\header.php (XXXX为实际主题号). 请查看教程视频版本了解更多详细信息:

   

5. 保存对文件所做的更改并替换原始文件. 重要提示:请务必在更换模板文件前备份模板文件.

6. Refresh your site. 您已经删除了cufon字体:

   

7. 现在您应该添加Google字体. Open Google fonts page. 选择合适的字体，单击 Add to Collection, click Use after that:

   

8. 选择合适的字符集:

   

9. Open @import tab. 在这里可以看到应该添加的代码 .css file. 您还将看到一个适当的字体系列. 您应该为特定元素指定它:

   

10. 我们将为菜单标题设置Google字体. 使用Firebug检查元素并找到合适的代码. 我们可以看到应该按照样式执行更改.css file:

    

11. Go to Appearance – Editor and open style.css file. 复制@import code并将其添加到css文件的开头:

    

12. 找到适当元素的css代码. 添加font-family属性:

    

13. 保存更改并刷新页面. 我们已经为菜单添加了谷歌字体:

    

14. 让我们为标题添加Google字体.

15. Inspect the title. 我们可以看到适当的代码位于themeXXX/css/normalize中.css file:

    

16. Add @import 参考谷歌字体. 添加font-family属性. 保存更改并上传修改后的文件:

    

17. 保存更改并上传修改后的文件. Refresh the page. 你已经为标题添加了谷歌字体:

    

18. 您可以对其余标题/文本执行相同的操作.

请随时查看下面的详细视频教程:

WordPress. 如何用Google WEB字体替换Cufon字体.