Question

please see the below css :

.RadGrid_Black,
.RadGrid_Black .rgMasterTable,
.RadGrid_Black .rgDetailTable,
.RadGrid_Black .rgGroupPanel table,
.RadGrid_Black .rgCommandRow table,
.RadGrid_Black .rgEditForm table,
.RadGrid_Black .rgPager table,
.GridToolTip_Black
{
    font:12px/16px "segoe ui",arial,sans-serif;
}

this css is one part of telerik RadGrid css.
i am looking for a way to change all fonts inside Telerik RadGrid or any other Telerik Control with jquery.
how can i do this job with jquery and overwrite all default fonts?

thanks in advance

Answer 1

$(document).ready(functon() {
  $('body *').css({"font-family": "Comic Sans MS"});
})

This specific example will give your page a flashback to the 90’s

To do it with CSS:

At the bottom of your last included stylesheet:

body * {
  font-family: "Comic Sans Ms" !important;
}