dcc.Markdown font is inconsistent

super simple one here, but important nonetheless. When I create a page that’s exclusively markdown, any element that is altered with a markdown tag is displayed in Arial and any text that is unaltered is displayed in Times New Roman (I believe). Is there any way to get the font to be consistent, preferrably Arial?

Here is an example:

I thought adding

style={'font-family': 'Arial, Helvetica, sans-serif'}

to the dcc.Markdown callwould do the trick (shouldn’t have to), but it did not.

For some reason style doesn’t override Markdown.

Not a perfect solution, but if you need the font to be consistent, you can load an external stylesheet. That should override the Markdown funny business. And then using style you should be able to change the font to whatever you want (I think).

For example:

external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']
app = dash.Dash(__name__, external_stylesheets=external_stylesheets)

Does the stylesheet need to define something specific to make the font consistent or does importing any random external_stylesheet randomly correct this? I have my active stylesheet imported from the /assets folder and importing the chriddyp stylesheet too messes my environment up at this point. Defining

font-family: Arial, Helvetica, sans-serif;

in my own stylesheet did not do the trick for the Markdown either.