CKEditor 4.0 font size issues

I noticed that if you change the font-size to 72 on the demo pages, things start looking 'funky'. Has anyone ran into this issue? If so, any advice on how to solve this is greatly appreciated.

Thanks,
adico

Mon, 03/18/2013 - 17:02

reinmar

Joined: 24/08/2012

Posts: 631

Font having 72px is too big

Font having 72px is too big for the contents styles that we use. You can modify yours (perhaps relative line-height will help) or define which font sizes are available (check the config.fontSize_sizes option).

Piotrek (Reinmar) Koszuliński
CKEditor JavaScript Developer
--
CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+

Mon, 03/18/2013 - 20:43

(Reply to #2) #3

adico

Joined: 02/11/2009

Posts: 100

Thanks for replying reinmar.

Thanks for replying reinmar. I used 72px to illustrate the point. What about font size of 24px or 36px. I currently have a free text area that does not grow to fit the selected font-size. Any ideas on how to force the free-text area to grow?

Ok, I resolved the problem by commenting the following in content.css:

.cke_editable 
{
    font-size: 13px;   
    /*line-height: 1.6em;*/
}

Looks likes this was introdoced with version 4.0, since I do not see it present in previous 3.6 version.

Seems like a bug to me.

Thanks,
adico

Tue, 03/19/2013 - 14:46

Anna

Joined: 14/12/2010

Posts: 1369

Instead of commenting it out

Instead of commenting it out it might be a better idea to simply change it to a relative value (a number without a unit) that will suit you, like:

.cke_editable
{
   font-size: 13px;
   line-height: 1.5;
}

Documentation Manager, CKSource

See CKEditor 5 docs, CKEditor 4 docs, CKEditor 3 docs, CKFinder 3 docs, CKFinder 2 docs for help.
Visit the new CKEditor SDK for samples showcasing editor features to try out and download!