JCE Editor - Schriftart und größe im Editorfenster mittels CSS ändern

Wenn ich Content im Editorfenster eingebe erscheint der dort recht klein und in einer Schriftart, die eine Unterscheidung zwischem kleinem i und kleinem l nicht möglich macht, was extrem lästig ist.

Laut Ryan Demmer ist dies via CSS zu ändern - nur wie und wo muss ich die Schriftart ändern?

Als CSS-Syntax Hasser wäre ich für diesbezügliche Ratschäge dankbar.

Danke - das ist mir schon ersichtlich und auch schon mit einer custom.css-Datei umgesetzt.

Bleibt die Frage was genau die Editor-Schriftart im selbigen Fenster definiert.

Im Tiny MCE sieht es vernünftig aus, der ist aber nie und nimmer eine Alternative da speziell der Bildmanager im JCE immer noch seinesgleichen sucht. Und Bilder sind eben ein großer Bestandteil des Content.

So - die Lösung liegt im custom.css und diesem Style:

.mceContentBody

Eine Frage hätte ich da noch.

Worin besteht denn der Unterschied zwischen font-family mit dem Font in Anführungszeichen und ohne?

Bei mir klappt auch nur diese Definition:

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

So herum funzt es nicht und es kommt der alte Font:

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