下载字体后，通过FTP将字体文件上传到主题文件夹（如
/wp-content/themes/your-theme/fonts/），然后在主题的CSS文件（如style.css）中添加@font-face规则定义新字体，或者使用专用字体插件（如Use Any Font）上传文件并自动生成CSS代码。在WordPress中使用自定义字体能提升网站品牌形象和阅读体验，以下是三种安全可靠的方法,根据技术难度从低到高排列：
使用插件（推荐新手）
-
安装字体插件
在WordPress后台 → 插件 → 安装插件 → 搜索”Use Any Font”或”Easy Google Fonts” → 安装并激活（推荐”Use Any Font”,支持任何字体格式） -
上传字体文件
插件激活后：- 进入插件设置页 → 上传字体（.ttf/.otf/.woff格式）
- 系统自动生成Web安全格式（woff2等）
- 复制生成的CSS代码
-
应用字体
在自定义器 → 额外CSS中粘贴代码，body { font-family: 'YourFontName'; }
优势：无需代码基础，自动处理版权合规提示
注意：避免同时启用多个字体插件，可能冲突
通过主题自定义器（原生支持）
若主题支持字体上传：
- 进入 外观 → 自定义 → 版式/字体设置
- 找到”上传字体”选项（如Astra、GeneratePress主题支持）
- 直接上传字体文件并应用到元素
提示：查看主题文档确认是否支持，此方法最安全
手动代码添加（高级用户）
需创建子主题防止更新丢失
-
上传字体文件
- 通过FTP将字体文件放入子主题文件夹：
/wp-content/themes/your-child-theme/fonts/
- 通过FTP将字体文件放入子主题文件夹：
-
编辑style.css
在子主题的style.css中添加：@font-face { font-family: 'CustomFont'; src: url('fonts/YourFont.woff2') format('woff2'), url('fonts/YourFont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; /* 避免布局偏移 */ } h1, h2 { font-family: 'CustomFont', sans-serif; } -
性能优化
- 使用WOFF2格式（压缩率比TTF小40%）
- 添加
preload到header.php加速加载：<link rel="preload" href="<?php echo get_stylesheet_directory_uri(); ?>/fonts/YourFont.woff2" as="font" type="font/woff2" crossorigin>
⚠️ 关键注意事项
-
字体授权
- 商用网站务必确认字体许可证（推荐Google Fonts等开源字体）
- 私用字体需保留授权证明
-
性能影响
- 单个字体文件建议≤150KB
- 使用Font Squirrel生成器优化文件
-
备用方案
始终添加备用字体：font-family: 'CustomFont', Arial, sans-serif; -
法律风险
严禁上传微软/苹果系统预装字体（如Arial、Helvetica），这些字体需商业授权
最佳实践：插件方案 > 主题内置 > 手动添加，首次操作前务必备份网站
引用说明
字体优化方案参考自Google Developers的Web字体优化指南及WordPress官方主题开发手册，商用字体授权信息可查询fontsquirrel.com。
原创文章，发布者：酷盾叔，转转请注明出处：https://www.kd.cn/ask/36985.html
