如何通过自定义CSS使Quarto渲染HTML时term使用常规段落字体？

问题分析 #

Quarto渲染定义列表时，会将Noun、Verb这类term转换为HTML的<dt>标签，定义内容转换为<dd>标签。你当前的CSS仅针对<p>和非行内公式的<span>设置了字体，没有覆盖<dt>元素，导致term使用浏览器默认字体。

修改后的CSS代码 #

将<dt>和<dd>加入样式选择器，确保定义列表的所有元素都应用品牌字体：

p, span:not(.math.inline), dt, dd {
    font-size: 11pt;
    font-family: 'Aktiv Grotesk', Times, serif;
    color: black;
}

代码说明 #

• 新增dt选择器：直接选中定义列表的term元素，强制应用指定字体。
• 新增dd选择器：同步统一定义内容的字体风格，保持整体排版一致性。
• 合并重复的字体声明：将原有的两个font-family规则合并，避免冗余。

验证效果 #

修改CSS后重新渲染Quarto文档，定义列表的term（如Noun、Verb）会和常规段落使用完全一致的Aktiv Grotesk字体。

内容的提问来源于stack exchange，提问作者Eric Krantz