.css 使用 RStudio Quarto 指定数学字体并编织到 HTML

Question

我正在使用 .css 文件来设置我的 R Quarto 报告的样式，以使用 Aktiv Grotesk 字体进行渲染。但是，当我插入方程时，我想使用不同的字体，因为平方根符号呈现如下：

这是我的四开本文件：

---
format: 
  html:
    css: styles2.css
---

Tilt magnitude is calculated using $Mag = \sqrt{N^{2} + W^{2}}$.

这是我的

styles2.css

文件：

p {
  font-size: 11pt;
  font-family: 'Aktiv Grotesk';
  color:black

}
* {
  font-family: 'Aktiv Grotesk', Times, serif ;
}

是否有一个 .css 命令可以让我单独设置方程式字体的样式？如果没有，如何在不改变报告字体的情况下获得教科书式的方程？