knitr - Change font size for all inline equations R markdown

Question

I am creating a r-markdown file and using knitr to convert to HTML. When I inline an equation such as X_1,...,X_n sim N(0,1) it gets converted to HTML output as this

.

The math text is oversized relative to the plain text font. I can correct this for a single equation with small X_1,...,X_n sim N(0,1). However, I would prefer not to type small hundreds of times throughout a document. Does anyone know how to correct this with a single settings change or modification so it's applied to all math text in the document?

Answer 1

Try adding the following CSS after your YAML, or include it in an external CCS document. Pandoc automatically wraps inline math in <span> tags with class math. By modifying the math class, we can adjust the font size.

<style>
.math {
  font-size: small;
}
</style>