use fonts with wysiwyg edit text

Permalink 1 user found helpful
hi
i just start using concrete5 and i love it!
it so simple and great!

anyway, when i edit text and put text in my site i want the text to be in specific font.
i noticed that in the wysiwyg editor there is so little font to use, and i don't know why, font are easy thing to add and i don't know why they put so little font in the selection.

i want to use lucida grande font and i can't.
how do i edit in wysiwyg text editor in lucida grande font??

 
12345j replied on at Permalink Reply
12345j
most themes allow this to be customized from the customize button next to them at dashboard / pagesthemes. If not, then you need to open up the theme, found in root/packages, and navigate to typography.css and add your font to the css. that should give you the option for lucida grande text.
idotal replied on at Permalink Reply
where in the css file do i need to put the font?
12345j replied on at Permalink Reply
12345j
typography.css, and youll probably want to reference it everywhere that currently has fonts, otherwise itll look weird.
guythomas replied on at Permalink Reply
guythomas
A while back I created an add-on called fontsmart. It basically automates everything you need in order to add new standard fotn stacks as well as web fonts to your website, which includes the font dropdown in the WYSIWYG editor.

You will probably want to use an entire font stack because a lot of windows machines won't have the Lucida Grande font, but may have an acceptable backup. Check out this page for some ideas on the font stack you may want to use:

http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/...

You can read more about the fontsmart addon here:http://www.concrete5.org/marketplace/addons/fontsmart/...

I have also got a demo available so you can see what the end result would look like using the stacks they list on the other page.

-Guy