Hi Nathan,
I have tried the following code and it changes the font family and font size. It will work in all skin nevertheless if this is embedded or custom:
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<head runat="server">
<title></title>
<style type="text/css">
html.RadForm.rfdTextbox input[type="text"],
html.RadForm.rfdTextbox input[type="password"],
html.RadForm.rfdTextarea textarea,
html.RadForm.rfdTextarea textarea[disabled]:hover,
html.RadForm.rfdTextbox input[disabled][type="text"]:hover,
html.RadForm.rfdTextbox input[disabled][type="password"]:hover,
html.RadForm .rfdCheckboxChecked,
html.RadForm .rfdInputDisabled.rfdCheckboxChecked:hover,
html.RadForm .rfdCheckboxUnchecked,
html.RadForm .rfdInputDisabled.rfdCheckboxUnchecked:hover,
html.RadForm.rfdLabel label,
html.RadForm .rfdAspLabel,
html.RadForm .rfdRadioUnchecked,
html.RadForm .rfdInputDisabled.rfdRadioUnchecked:hover,
html.RadForm .rfdRadioUnchecked:hover,
html.RadForm .rfdRadioChecked,
html.RadForm .rfdInputDisabled.rfdRadioChecked:hover,
html.RadForm .rfdRadioChecked:hover,
html.RadForm .riTextBox, /* prevents text flcikering in IE8, when TadTextBox is used with RDF */
html.RadForm .rfdValidationSummaryControl,
html.RadForm .rfdLoginControl,
html.RadForm legend
{
font-size: 11pt;
font-family: Calibri, Arial, Helvetica, sans-serif;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="sm1" runat="server" />
<telerik:RadSkinManager runat="server" ShowChooser="true"></telerik:RadSkinManager>
<br />
<br />
<telerik:RadFormDecorator ID="rfd1" runat="server" DecoratedControls="All" />
<label>Decorated Label</label>
<asp:TextBox runat="server" Text="Decorated textBox"></asp:TextBox>
</form>
</body>
</html>
Best wishes,
Bozhidar
the Telerik team
Explore the entire set of ASP.NET AJAX controls we offer
here and browse the myriad
online demos to learn more about the components and the features they incorporate.