WordPress建站：如何添加自定义字体

一、准备字体

获取字体文件：准备你要使用的中文字体文件（推荐 .woff2 格式，体积小且兼容性好，也可备一份 .woff 作为兼容）
确认字体版权：确保你拥有该字体的商用授权（免费可商用字体推荐：思源黑体、站酷高端黑等）

二、以下提供两种方法来添加自定义字体

方法 1：通过插件上传自定义字体（推荐新手）

使用插件可以简化流程，推荐 Custom Fonts（完全免费）：

安装插件：
- 进入 WordPress 后台 →「插件」→「安装插件」
- 搜索「Custom Fonts」，点击「安装」并「激活」
上传字体文件：
- 激活后，进入「外观」→「Custom Fonts」
- 点击「Add New Font」（添加新字体）
- 填写字体名称（如「My Custom Font」）
- 点击「Select Files」上传你的字体文件（.woff2 优先，可同时上传多种格式）
- 选择字重（如 400 对应常规，700 对应粗体）和字体样式（正常 / 斜体）
- 点击「Save Font」保存
在 Elementor 中使用：
- 编辑页面进入 Elementor 编辑器
- 选中文本元素 → 右侧「样式」→「Typography」→「Family」
- 在下拉列表中找到你上传的自定义字体名称并选择

方法 2：手动添加自定义字体（适合有代码基础）

上传字体到服务器：
- 用 FTP 工具（如 FileZilla）连接你的网站服务器
- 进入 /wp-content/themes/blocky-child/ 目录（如果没有子主题，建议先创建一个，避免主题更新丢失文件）
- 在该目录下创建 fonts 文件夹，将字体文件上传到这里
添加 CSS 代码：
- 进入 WordPress 后台 →「外观」→「自定义」→「额外 CSS」
- 添加字体声明和应用代码：

/* 声明自定义字体 */
@font-face {
  font-family: 'MyCustomFont'; /* 字体名称（自定义） */
  src: url('https://你的域名/wp-content/themes/blocky-child/fonts/字体文件名.woff2') format('woff2'),
       url('https://你的域名/wp-content/themes/blocky-child/fonts/字体文件名.woff') format('woff');
  font-weight: 400; /* 字重：常规 */
  font-style: normal; /* 样式：正常 */
  font-display: swap; /* 优化加载体验 */
}

/* 应用到网站元素 */
body, h1, h2, h3, p, a {
  font-family: 'MyCustomFont', sans-serif !important;
}

替换代码中的「字体名称」「你的域名」「字体文件名」为实际信息

3. 在 Elementor 中使用：

同方法 1，在字体选择列表中找到你定义的字体名称（如 MyCustomFont）

注意事项：