6 Answers, 1 is accepted
Font family is set by Kendo to the <boty> element of the page by our inbuilt selectors by using class names. The solution is to apply font-family to the <body> element using stronger selector, for example class name with tag name, or add an id to the <body> element and after that use it for a CSS selector.
html:
<body id="example"> ... content ...</body>CSS:
#example { font-family: Seagoe UI, sans-serif;}Regards,
Magdalena
Telerik
Rank 1
Hi Magdalena,
The html code I can put in Views\Shared\_Layout.cshtml.
The css in Content\Site.css?
Peter
Rank 1
Hi Magdalena,
it doesn't work. For better testing I added a serif font in Site.css or bootstrap.css:
#example {
font-family:"Times New Roman", Times, serif;
}
<body id="example">.
But the whole site and also the Kendo grid is in Arial.
I use Nova theme, but want change the font family.
PeterStyles can be applied in the both views - in content site, or _Layout.schtml as well. We tested the solution on our side and it worked properly. We are sending you also sample pages in the attachment. The "Grid.cshtml" is our content page. Please test these views if they will work on your side as well.
Regards,
Magdalena
Telerik
Rank 1
Hi Magdalena,
I've added in Views\MyView\Index.cshtml:
<style>
#example {
font: 20px "Times New Roman", Times, serif;
}
</style>
before:
@(Html.Kendo().Grid()
.Name("grid")
Now all is in "Times New Roman", also the Grid Filter with Datepicker , Comboboxes ...
Thank you!
Peter
Rank 1
The _Layout.cshtml has a style for the body, which also can contain the font-family:
<head>
...
<style>
...
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
font-family:'Times New Roman', Times, serif;
}