css font and tinymce selections

[xmanhattan]

Hello all,

I am trying to change or add some fonts variations and am wondering how the font system works under tinymce.

I added the following into template_css.css using the okto template.  Note, I am not sure if there was a change from the original okto to the newer version with regards to fonts.

Code: [Select]

p.tnr1 { font-family: "Times New Roman", Times, serif; font-size: 8px; }
p.tnr2 { font-family: "Times New Roman", Times, serif; font-size: 12px; }
p.tnr3 { font-family: "Times New Roman", Times, serif; font-size: 18px; }
p.tnr4 { font-family: "Times New Roman", Times, serif; font-size: 24px; }
p.tnr5 { font-family: "Times New Roman", Times, serif; font-size: 24px; }
p.tnr6 { font-family: "Times New Roman", Times, serif; font-size: 36px; }

After applying this using styles and comparing the results with that of choosing fonts and font size, the text is actually different due to the addition of the span with the p selector.

After applying the style, then doing an apply to save the page, the characters display differently in the edit screens and on the actual page.

What is the best way to correct this to be able to see, for example the equivalent of a 12 point times new roman for Greek?

What is the difference between using the styles and the fonts and font size pull downs under tinymce and where does the pull down get the font name from?