Change default font type/size in TinyMCE

tinymce default font-face font-size
Marwelln picture Marwelln · Jul 27, 2010 · Viewed 23.4k times · Source

How do you change the default font type and font size in TinyMCE?

I'm using the advanced skin and I've changed the body, td, pre style in default/content.css but it still doesn't change.

Answer

Thariama picture Thariama · Jul 27, 2010

Well, there are several content.css and only one is used to style your editor depending on your configuration settings.

You should use the content_css configuration option and name an own css file where you can overwrite the editors defaults (the content.css you were recently looking for). In your init function use something like

content_css: "http://localhost/css/my_tiny_styles.css",

and in my_tiny_styles.css or whatever file you choose you use

font-family: myfont1, myfont2, sans-serif;

Related questions

JQuery to load Javascript file dynamically

I have a very large javascript file I would like to load only if the user clicks on a certain button. I am using jQuery as my framework. Is there a built-in method or plugin that will help me do …

Read More
Detect click event inside iframe

I'm writing a plugin for TinyMCE and have a problem with detecting click events inside an iframe. From my search I've come up with this: Loading iframe: <iframe src='resource/file.php?mode=tinymce' id='filecontainer'></iframe&…

Read More
jQuery and TinyMCE: textarea value doesn't submit

I am using jQuery and TinyMCE to submit a form, but there is a problem in serialization in that the Textarea value doesn't post. Here is the code: <form id="myForm" method="post" action="post.php"> <textarea …

Read More