We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Changing the font family for all controls

Thread ID:

Created:

Updated:

Platform:

Replies:

148979 Nov 10,2019 12:50 PM UTC Nov 12,2019 08:35 AM UTC Vue 3
loading
Tags: RichTextEditor
Liam Sharp
Asked On November 10, 2019 12:50 PM UTC

I have just successfully installed the components in Vue and Sass however I'd like to be able to change the themeing a bit to suit my design. I've tried overriding default styles for the button to change the font family after the import statements, but when I use chrome dev tools the styling I have a applied is there but is being overrode by the default styling somehow. Are there any variables we can change for the font family or is there something I'm doing wrong overriding these styles?

TLDR - The following doesn't work

@import '~@syncfusion/ej2-base/styles/fabric.css';
@import '~@syncfusion/ej2-buttons/styles/fabric.css';
@import '~@syncfusion/ej2-calendars/styles/fabric.css';
@import '~@syncfusion/ej2-dropdowns/styles/fabric.css';
@import '~@syncfusion/ej2-inputs/styles/fabric.css';
@import '~@syncfusion/ej2-navigations/styles/fabric.css';
@import '~@syncfusion/ej2-popups/styles/fabric.css';
@import '~@syncfusion/ej2-vue-schedule/styles/fabric.css';

.e-toolbar .e-tbar-btn {
font-family: "Roboto", sans-serif !important;
}

Sureshkumar P [Syncfusion]
Replied On November 11, 2019 11:05 AM UTC

Hi Liam, 
 
Greetings from Syncfusion support. 
 
Yes, with ‘e-control', 'e-wrapper’ class, you can override the font-family of all Syncfusion components as follows 
 
.e-control, 
.e-wrapper { 
  font-family"Roboto"sans-serif !important; 
} 
 
 
We created a sample based on your requirement. Please refer the sample here: https://codesandbox.io/s/vue-template-od6rz  
 
Regards, 
Sureshkumar P 


Liam Sharp
Replied On November 11, 2019 07:11 PM UTC

It works thank you very much!

Pandiyaraj Muniyandi [Syncfusion]
Replied On November 12, 2019 08:35 AM UTC

Hi Liam,  
  
Thanks for your update.  
  
We glad to hear that the provided solution resolved your problem. Kindly let us know if you need further assistance on this.
 
 
Regards,  
Pandiyaraj 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon