Das CMS »SilverStripe« bietet zum Bearbeiten der Webseiten den WYSIWYG-Editor »TinyMCE« im Backend an. Ich persönlich bin zwar mehr ein Fan von CKEditor, aber gut, TinyMCE ist auch in Ordnung. Aber was mich total stört, ist die voreingestellte Schriftgröße von 62,5 %, die ich als zu klein empfinde. Ich will nicht mit der Nase bis an den Bildschirm ran.
62,5 % entsprechen 10 px – im Fall, dass im Browser eine Standardschriftgröße von 16 px eingestellt ist. Dies ist die Voreinstellung der meisten Webbrowser. Wie kann man diese Größe aber ändern?
Nun, sie lässt sich über eine CSS-Datei einstellen. Im Normalfall verfügt jedes Theme – zumindest wenn es eins der bei der Installation von SilverStripe mitgelieferten ist – über eine im Unterordner CSS liegende Datei editor.css, die man jetzt bearbeiten muss. Sie sollte folgenden Eintrag enthalten:
//This support file is used to style //the WYSIWYG editor in the CMS @import "typography.css";
Mehr nicht. Darunter trägt man ein (im Beispiel wird eine Schriftgröße von 14 Pixeln gewünscht):
body.mceContentBody {
min-height: 200px;
font-size: 14px;
}
Nachdem man den Browser-Cache geleert hat, wird die Veränderung sichtbar.
Und nun noch eine Leseempfehlung: Interessanter Artikel auf toscho.de zu dem Irrsinn, Schriftgrößen in Prozent anzugeben.