Global fonts and RadControls

[Paolo Broccardo]

Hi

I have set up a font-family on a body level in my CSS.

I would like this font to filter through to my RadControls so that if I change it in one place, the changes are constant throughout the whole system.

Currently the RadControls display their own font which differs from my global font.
How do I change this? Obviously I mean WITHOUT having to specify any font attributes on the RadGrid controls.

Thanks
Paolo

[Dimo]

Hello Paolo,

RadControls skins do not inherit font styles from the page on purpose, as this could lead to rather unexpected results (especially when it comes to font size).

In your case, you can override all RadControls skins with a single CSS rule like this:


body,
body  *
{
       font-family: .... !important;
}


Greetings,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Nitish]

when we use

* {
font-family : Verdana !important;
}

OR

body *
{
font-family : Verdana !important;

}

Above code is working well. But when we use radeditor and change the font of text from design mode. It will not changes.
It remains verdana there
Please help me asap.

[Rumen]

Hi Nitish,

This is an expected behavior because the * global class has priority over the inline font-family style as well as over the face inline attribute.

The solution is to set the CssFiles property of RadEditor and the editor will not inherit the styles from the page, e.g.

<telerik:RadEditor ID="RadEditor1" runat="server">
    <CssFiles>
        <telerik:EditorCssFile Value="~/empty.css" />
    </CssFiles>
</telerik:RadEditor>

Best wishes,
Rumen
the Telerik team