Custom Font on Source View Doesn't Apply (Windows PC)

Custom CSS & Theme Design
,
1

What I’m trying to do

Import a global, custom font that can be overwritten with inside note pages. I would like a certain global font, but have the ability to change font in certain lines, for certain words, or specific paragraphs.

Things I have tried

Downloaded Custom Font Loader and loaded all of my fonts into the fonts folder. They show up and I have selected the “Multiple Fonts” option. If I select “Force Style” it sets it to the last font in alphabetical order and will not let me use so I really need to be able to do this without “Force Style”. I do not have a theme on when trying to do this.

My CSS snippet is as follows:

body {
  font-family: 'Macondo', serif;
}

.markdown-source-view {
  font-family: 'Macondo', serif !important; color: cyan; }

The body block works as intended. But the source-view block will not apply the font no matter what I do. It will, however, apply the color. I am not sure how this is possible.

2

You need to be a bit more specific with the CSS. Give this a try, for example:

/* source mode and live preview font */
.markdown-source-view.mod-cm6 .cm-scroller  {
    font-family: 'Macondo', serif; 
    color: cyan; 
}

/* rendered & reading view font */
.markdown-preview-view, .markdown-rendered {
    font-family: 'Iosevka-Comfy-Duo'; 
}