I am trying to set the default font for the editor textarea programatically - i.e. based on the selection by a user on a "login" page.

 

The way I decided to go about this is to have several css stylesheets, each with a different font specified for the textarea of the editor.  Then when the page with the editor loads, I set the EditorWysiwigModeCss to the required stylesheet.

 

The problem I have is that changing the stylesheet doesnt seem to change the default font?  By default the dropdown still has verdana selected.  To make sure, I typed in some text in the editor window and compared it to ms word and the fonts are different.  If I then highlight the text in the editor and select the proper font in the dropdown then it changes font.  But the point is I need several fonts to be "default" based on user selection.

 

Verdana works (see css code for the textarea below) but not arial or times new roman?  I note that for verdana, more than one font is specified.  Do I need to specify serveral fonts for the others as well? 

 

Verdana works:

 

 

 

Arial doesnt?

 

TEXTAREA
{
 font-size: 10pt;
 color: black;
 font-family: Arial;
}

 

 

 

If I need to specify several fonts as per the verdana example, then what do I have to specify for the following fonts?  Is there documentation somewhere that specifies what font family has to be specified for other fonts we might consider in the future?

 

Arial
Arial Black
Arial Narrow
Comic Sans MS
Courrier New
system
Tahoma
Times New Roman
Verdana
Wing Dings

I also tried specifying an actual font instead of just the font family in the css and it still doesnt work

 

e.g.

TEXTAREA
{
 font-size: 10pt;
 color: black;
 font-family: Arial;
 font:  Arial;
}

A 'font-family' is a group of fonts that exhibit similar characteristics. The 'font-family' property indicates a prioritized list of specific/generic font family names to use to display text content in the current container. At least one specific or general font family must be given. If the specified font does not exist, or the necessary glyph is not available in the specified font, the next font is tried. This process continues through the prioritized list until no more are available. If no match is made, the browser default font family should be used.

 

font-family: arial, "lucida console", sans-serif

Thanks for the explanation.  However that still doesn't explain why specifying a font of Arial didn't work when trying to set the default font for the editor textarea.