Telerik Forums
Kendo UI for Angular Forum
1 answer
250 views

I have imported a google font that I want to use as the default font for my application

@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;700&display=swap');

I am also using tailwindcss to style a majority of the application so I have tried to set it as
default in many different ways.

@layer base {
  html {
    font-family: Armio, system-ui, sans-serif !important;
  }
}
$kendo-font-family-sans-serif: Armio, system-ui, sans-serif !important;
$font-family-monospace: Armio, system-ui, sans-serif !important;


curious what I am doing wrong - I have been able to manually override in the .appbar component
but for the kendo dialogs it is not taking effect and using the Roboto font instead?

Martin Bechev
Telerik team
 answered on 18 Aug 2023
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?