I continued to do some digging and found this topic about customizing header colors and that proved to be the key.
.view-header-title {
font-family: arial;
}
.cm-header-1
{
font-family: arial !important;
}
.cm-header-2
{
font-family: arial !important;
}
.cm-header-3
{
font-family: arial !important;
}
.cm-header-4
{
font-family: arial !important;
}
.cm-header-5
{
font-family: arial !important;
}
.cm-header-6
{
font-family: arial !important;
}
.markdown-preview-view h1
{
font-family: arial !important;
}
.markdown-preview-view h2
{
font-family: arial !important;
}
.markdown-preview-view h3
{
font-family: arial !important;
}
.markdown-preview-view h4
{
font-family: arial !important;
}
.markdown-preview-view h5
{
font-family: arial !important;
}
.markdown-preview-view h6
{
font-family: arial !important;
}
Solved 