Cssclass Font

[Psychoidiot123]

Is there a way to change a font for a note with its cssclass, both EDIT and PREVIEW?

[anon63144152]

This?

---
cssclass: differentfont
---
```css
  /* CSSclass differentfont */
  
  .markdown-source-view.differentfont {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  }

  .markdown-preview-view.differentfont {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    }
```

---

[Psychoidiot123]

I’m not sure why, but only the preview part of it works.

[ariehen]

Try adding .cm-scroller after the class name.

.markdown-source-view.differentfont .cm-scroller {
  font-family: 'Lucida Sans';
}