CKEditor 4
Tue, 12/08/2009 - 15:45
#1
jared
jared's picture
Joined: 16/10/2009
Posts: 16

How do you set default font and default font size?

Hi everyone

I'm using CKEditor 3.x and would like to know how I can change the defaut font and fontsize for the editor. I'd like to have it in Arial 12pt. Basically, I don't want the user to have any options, I would like to set a default via the config file.

Any ideas?

Thanks!
Jared
Top
Tue, 12/08/2009 - 18:30
adico
adico's picture
Joined: 02/11/2009
Posts: 100

Re: How do you set default font and default font size?


http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.font_style
Top
Tue, 12/08/2009 - 18:55
jared
jared's picture
Joined: 16/10/2009
Posts: 16

Re: How do you set default font and default font size?

Thanks for the quick reply, I tried editing that and was unsuccessful. How can this be changed to make the default font Arial 12 pt font? Can you reply back with code correctly edited?

config.font_style =
{
element : 'span',
styles : { 'font-family' : '#(family)' },
overrides : [ { element : 'font', attributes : { 'face' : null } } ]
};

Thanks!
Top
Tue, 12/08/2009 - 18:56
adico
adico's picture
Joined: 02/11/2009
Posts: 100

Re: How do you set default font and default font size?

try this....
config.font_defaultLabel = 'Arial';
config.fontSize_defaultLabel = '12px';
Top
Tue, 12/08/2009 - 19:05
jared
jared's picture
Joined: 16/10/2009
Posts: 16

Re: How do you set default font and default font size?

Unfortunately, this does not work. Those two lines of code just set the default drop down values for the font and font size drop downs (if you have them enabled). In my case, the font and font size are not user selectable. This does not actually set the font and font size.

Any other ideas?
Top
Tue, 12/08/2009 - 19:11
adico
adico's picture
Joined: 02/11/2009
Posts: 100

Re: How do you set default font and default font size?



viewtopic.php?f=11&t=16251
Top
Wed, 12/09/2009 - 02:08
fret_24
fret_24's picture
Joined: 09/12/2009
Posts: 1

Re: How do you set default font and default font size?

Have you tried modifying the font styles in the contents.css file? Sometimes CSS change are stickier than you would think, try Shift+Refresh. Sometimes you even have to do that a couple of times.
Top
Wed, 12/09/2009 - 15:10
jared
jared's picture
Joined: 16/10/2009
Posts: 16

Re: How do you set default font and default font size?

The CSS file already had the correct configuration (Arial, 12 pt). Even when I edited it to show font size 20 and made sure to refresh a few times, the font size in the editor did not change.

Anyone else have any ideas?

Thanks!
Top
Thu, 12/10/2009 - 16:27
paulwesson
paulwesson's picture
Joined: 27/11/2009
Posts: 2

Re: How do you set default font and default font size?

Adding a contents.css did the trick for setting the default font and size:

body {
   font-family: Arial;
   font-size: 12px;
}


But setting 

config.font_defaultLabel = 'Arial';
config.fontSize_defaultLabel = '12px';   


In the config.js file did nothing. The font and size drop-downs do not have any values selected.

Any ideas, anyone?
Top
Thu, 12/10/2009 - 16:36
jared
jared's picture
Joined: 16/10/2009
Posts: 16

Re: How do you set default font and default font size?

Thank you! Editing contents.css with what you put worked!!
Top
Thu, 12/10/2009 - 17:02
adico
adico's picture
Joined: 02/11/2009
Posts: 100

Re: How do you set default font and default font size?


But setting
Code: Select all
    config.font_defaultLabel = 'Arial';
    config.fontSize_defaultLabel = '12px';   




Sounds like a bug to me. I would check if this issue hasn't been logged already and if not, log a point.
Top
Tue, 04/13/2010 - 20:06
panrec
panrec's picture
Joined: 13/04/2010
Posts: 1

Re: How do you set default font and default font size?

paulwesson wrote:Adding a contents.css did the trick for setting the default font and size:

body {
   font-family: Arial;
   font-size: 12px;
}



This sounds like what I need to simply change the font used in the editor to Arial by default. Where is this contents.css file?
Top
Wed, 05/26/2010 - 21:50
so0lid
so0lid's picture
Joined: 26/05/2010
Posts: 1

Re: How do you set default font and default font size?

:roll:
Top
Sat, 08/18/2012 - 16:42
pachelbel
pachelbel's picture
Joined: 18/08/2012
Posts: 2

Re: How do you set default font and default font size?













بنات بنات
Top
Wed, 10/17/2012 - 12:39
krishnam
krishnam's picture
Joined: 16/10/2012
Posts: 4

Re: How do you set default font and default font size?

Hi there,

This is working great in IE but not in Firefox.

Can we set a pre-defined font and font size for Firefox browser?

Please advise.

Thanks, Kris
Top
Thu, 05/02/2013 - 15:28
epokk
epokk's picture
Joined: 27/02/2012
Posts: 15

Yes but if your font family

Yes but if your font family is a variable, how do you do ?

http://stackoverflow.com/questions/16339258/ckeditor-4-how-to-set-default-font

Top
Twitter Facebook Facebook Instagram Medium Linkedin GitHub Arrow down Phone Menu Close icon Check