如何在WordPress中添加自定义字体

1. 在WordPress里换字体其实跟换衣服差不多，先得把字体文件上传到衣橱（服务器）。打开主题文件夹，在/wp-content/themes/你的主题/下面新建个/fonts/目录，把.ttf或.woff格式的字体扔进去。比如我最近爱用的「霞鹜文楷」字体，就用FTP工具传上去。

2. 接着要给网站CSS里声明新字体，打开主题的style.css，在最下面加这段代码：

   @font-face {
   font-family: 'LXGW';
   src: url('fonts/LXGWWenKai-Bold.woff2') format('woff2');
   font-weight: normal;
   font-style: normal;
   }

   注意看路径对不对，有时候文件夹多一层少一层都会导致字体加载不出来——别问我是怎么知道的。

3. 现在告诉WordPress哪里该用这个字体。在自定义izer的「额外CSS」里或者直接改主题CSS，给正文内容加上字体规则：

   body {
   font-family: 'LXGW', 'Microsoft YaHei', sans-serif;
   }

   这里加了个字体回退链，万一自定义字体加载失败，还能显示系统默认字体。

4. 要是想精准控制某个区块的字体，比如只让标题换字体，可以用更具体的选择器：

   h1, h2, h3 {
   font-family: 'LXGW', serif !important;
   }

   不过慎用!important，有时候和其他插件样式冲突会变得很麻烦。

5. 高级玩法是用functions.php通过代码队列加载字体，避免CSS被缓存时字体失效。在主题函数文件里加这段：

   function add_custom_fonts() {
   wp_enqueue_style('custom-fonts', get_template_directory_uri() . '/fonts/fonts.css');
   }
   add_action('wp_enqueue_scripts', 'add_custom_fonts');

   需要先在fonts文件夹里创建个fonts.css文件存放@font-face规则。

6. 最后记得检查字体版权！很多好看的手写字体是个人作者制作的，商用时可能需要购买授权。别等到收到律师函才后悔——虽然概率不高但确实有公司被追责过。

7. 其实WordPress有不少字体插件能用，比如Use Any Font或者Fonts Plugin，但自己代码控制更灵活。就像做饭，预制菜虽然方便，但自己炒的锅气更足不是吗？

Tags：

文章版权声明：除非注明，否则均为WP集市原创文章，转载或复制请以超链接形式并注明出处。