How to set a font family for highlighjs component

[SausageDogger]

I tried using CSS to set a font family for highlighted code ,but it didn‘t work.
I was confused because it seems that there is not an official way to set a font family for highlightJS
When I using native highlightJS and <pre><code>, .hljs it works

/* a div contained a highlightjs component */
#box{
  font-family: 'JetBrainsMono-Regular';
}

.highlightjs {
  font-family: 'JetBrainsMono-Regular';
}

.hljs {
  font-family: 'JetBrainsMono-Regular';
}

[joshgoebel]

It's just CSS. Use the developer tool of your browser to find the correct element/class, and then just write the correct CSS.

When I using native highlightJS and <pre><code>, .hljs it works

I'd think this should work with the plugin as well. But if not, see above advice - perhaps there is a small diff.