Google fonts and TinyMCE

css fonts tinymce
tzador picture tzador · Nov 17, 2010 · Viewed 12.5k times · Source

Can google fonts be used with tinyMCE? how can this be done?

Answer

kogitoja picture kogitoja · Nov 20, 2012

There is also one more, probably the easiest way to insert google fonts into tinyMCE.

In tinyMCE.init specify as follows:

content_css : "/tinymce_stylesheet.css,http://fonts.googleapis.com/css?family=Sanchez"

And then in tinymce_stylesheet.css you can use any font you imported from Google.

One more tip: Instead of writing new stylesheet from scratch, duplicate the file:

tiny_mce/themes/advanced/skins/default/content.css

...And change the font-family there.

Related questions

how to add font-size toolbar in tinyMCE?

this way i initialize tinyMCE to a textarea. font, bold italic is working but font size select is not working . tinymce.init({ selector: "textarea#content", theme: "modern", width: 586, height: 300, menubar:false, font_size_classes : "fontSize1, fontSize2, fontSize3, fontSize4, fontSize5, fontSize6",//…

Read More
Changing the default font family in TinyMCE

I've successfully changed the default font inside the editor using the documentation here but that leaves me with a problem. The original default font no longer works in the font drop down list. Original default: Verdana New default: MyCustomFont When …

Read More
How to add some non-standard font to a website?

Is there a way to add some custom font on a website without using images, Flash or some other graphics? For example, I was working on a wedding website, and I found a lot of nice fonts for that subject. …

Read More