How can I change the font family ?

[tomer]

Hi,

How can I set the font family of a tab control?

I tried the following code without success:

<style>

    .tabFont { font-family: "Arial"; }

</style>

<ej:Tab ID="Tab1" runat="server" CssClass="tabFont">

    <Items>

        <ej:TabItem ID="TabItem1" Text="tab_1">

            <ContentSection>

                <asp:Label ID="lbl1" runat="server" Text="txt1" />

            </ContentSection>

        </ej:TabItem>

        <ej:TabItem ID="TabItem2" Text="tab_2">

            <ContentSection>

                <asp:Label ID="lbl2" runat="server" Text="txt2" />

            </ContentSection>

        </ej:TabItem>

    </Items>

</ej:Tab>

Thanks,

  Tomer

[Keerthana Rajendran]

Hi Tomer,   

 

Thank you for contacting Syncfusion support. 

 

We can apply required styles by using cssClass name along with class name through which styles are added. Please refer to the below given code 

 

<ej:Tab ID="Tab1" runat="server" CssClass="tabFont"> 

    <Items> 

        <ej:TabItem ID="TabItem1" Text="tab_1"> 

            <ContentSection> 

                <asp:Label ID="lbl1" runat="server" Text="txt1" /> 

            </ContentSection> 

        </ej:TabItem> 

        <ej:TabItem ID="TabItem2" Text="tab_2"> 

            <ContentSection> 

                <asp:Label ID="lbl2" runat="server" Text="txt2" /> 

            </ContentSection> 

        </ej:TabItem> 

    </Items> 

</ej:Tab> 

<style> 

    .tabFont.e-tab.e-js 

    { 

        font-family:Arial;  

    } 

</style> 

 

In tab control , font-family style will be applied to the class .e-tab.e-js . We can override this style by using an additional css class name. We have attached sample for your reference. Please download the sample from 

 

http://www.syncfusion.com/downloads/support/forum/132398/ze/Tab1817414660.zip 

Regards, 

Keerthana