Do you have any global styles that apply to TABLE, TD elements on the page with the editor? The problem could be related exactly to such a global TABLE or TD style with font-size: 16px; selector that is applied to the TABLE cells in the editor's content area.
Neverthless, you can easily fix the problem and override this styles, by setting the editor's ContentAreaCssFile
property to point to your
own external CSS file:
having the following class in it:
BORDER-RIGHT: #999999 1px dashed;
BORDER-BOTTOM: #999999 1px dashed;
font-size: 12px !important;
font-family: Arial !important;
BORDER-TOP: #999999 1px dashed;
BORDER-LEFT: #999999 1px dashed;
BORDER-TOP: #000000 1px dashed;
BORDER-LEFT: #000000 1px dashed;
Please, note the use of the
!important attribute after the values of the
Since the EditorContentAreaStyles.css is loaded first on purpose, it
is possible for another global style to override its settings. If you want to
prevent the overriding of the properties defined in the EditorContentAreaStyles.css file just set the !important
attribute after their values.
Save the file and restart your browser to
see the changes.
the Telerik team