Last Updated: 25 Jan 2016 13:28 by ADMIN
Created on: 07 Nov 2013 18:54
Category: UI for ASP.NET AJAX
Type: Feature Request
Have skins inherit site fonts
Problem I have with every skin you have is that you're setting the font-family on the controls.  So I have page X, drop on a radcontrol and it doesn't look at all like it's from the same site.  Whereas if I go drop a kendo control on the page it inherits the site font and looks native with little or no tweaks.

...but the radcontrols are clearly more full featured
Ivan Zhekov
Posted on: 25 Jan 2016 13:22
With 2016 R1 SP1, all controls in light-weight rendering will inherit their parent's font.

The only exception is that Metro, Bootstrap and Material skin will retain their font-family. The exception applies because the font in those particular skins is pivotal for the final appearance.
Posted on: 03 Jan 2014 16:48
Awesome thanks so much!

...Alternatively it'd be nice if the "font family" was set via a single class, or series of classes so in my css I can just set the font family I want cross-controls instead of custom skin on every control.
Ivan Zhekov
Posted on: 08 Nov 2013 14:09
One other note, Steven, since this will be upcoming feature for the 2014 Q1 release, we are hiding your post temporary, until we are feature ready, and then we'll unhide it.
Ivan Zhekov
Posted on: 08 Nov 2013 14:02
That request is quite easy (with some controls) and a bit harder with others.

For instance, all it takes to make the Menu (in light-weight render mode) get the styles from the page is to apply the following CSS:

html .RadMenu { 
    font: inherit; 

There is one semi-minor (close to major) caveat -- in the case of the Menu LWR, all the metrics are based on EM units instead of pixels. In terms changing the font properties of the body (or nearest container) will result in the Menu changing it's size.

To some that's perfect, for others it may be undesired behaviour.