如何修改WordPress博客首字下沉（Drop Cap）的显示字体？

完全可以实现，只需要添加少量自定义CSS即可完成调整，操作步骤如下：

前置确认 #

• 确认你的站点已正确引入Unna字体（你当前标题已经在使用该字体，无需重复引入）

操作步骤 #

步骤1：确定首字下沉对应的CSS选择器 #

分两种常见场景：

1. 使用WordPress古腾堡区块编辑器自带的首字下沉功能：默认选择器为 p.has-drop-cap::first-letter
2. 主题/插件全局开启文章第一段首字下沉：通用选择器为 .entry-content p:first-of-type::first-letter，如果不匹配可以右键点击首字下沉的文字，选择「检查」即可查看对应元素的类名调整选择器

步骤2：添加自定义CSS #

将对应代码添加到WordPress站点即可：

/* 古腾堡自带首字下沉用这个 */
p.has-drop-cap::first-letter {
  font-family: 'Unna', serif !important;
}

/* 全局第一段首字下沉用这个 */
.entry-content p:first-of-type::first-letter {
  font-family: 'Unna', serif !important;
}

步骤3：CSS添加入口（二选一即可） #

• 后台路径：外观 → 自定义 → 额外CSS，粘贴代码后点击发布即可，该方式不会随主题更新丢失配置
• 如果你使用子主题自定义，也可以直接将代码添加到子主题的 style.css 文件末尾

生效验证 #

添加后清理浏览器缓存和站点缓存，刷新文章页即可看到首字下沉字体已替换为Unna。

内容的提问来源于stack exchange，提问作者Morgan Marie Dubie