Results 1 to 5 of 5

Thread: Change font-family for whole app

  1. #1

    Default Change font-family for whole app

    Hi.
    I'm working on Extjs 6.0.2
    We were using Arial font in our app (I guess it was by default font from sencha)
    Now we want to change it to 'open-sans'
    Where we have to change.?

    I tried to add
    Code:
    .* ,.x-body , .x-panel-body-startPageItem, .x-panel-body-default {
        font-family: 'Open Sans', sans-serif !important;
    }
    In Project/packages/MyApp/sass/src/MyApp/view/MainView.scss, But it changes fonts only on the landing page
    This works but I have to add all the classes one by one where I have to show this style like I added above .x-panel-body-startPageItem,.x-panel-body-default
    Tried this thing to=>
    Added this in project/resources/css/MyApp.css, But no use
    Code:
    * {
        font-family: 'Open Sans' !important;
    }
    Will you please help me
    Thanks

  2. #2
    Sencha Premium User
    Join Date
    Jun 2017
    Location
    China
    Posts
    35
    Answers
    1

    Default

    You can add it to sass/var/all.scss

  3. #3

    Default

    Thanks for your quick response

    Will you please explain a bit what I have to add in that file
    Thanks a lot

  4. #4

    Default

    This is in packages/Myapp/sass/etc/all.scss
    But what I have to add there .?
    Will you please guide
    Thanks

  5. #5
    chramer's Avatar
    Join Date
    Feb 2011
    Location
    Chisinau, Moldova
    Posts
    316
    Answers
    64

    Default

    You should set the $font-family variable to the desired font.

Similar Threads

  1. Change the font-family on my entery application. I
    By horaci in forum Ext JS 6.x Q&A
    Replies: 5
    Last Post: 21 Dec 2016, 7:53 AM
  2. How to change font family in extjs modern app ?
    By sahiltanta in forum Ext JS 6.x Q&A
    Replies: 4
    Last Post: 9 Aug 2016, 4:05 AM
  3. How to set font family and font size for a label?
    By aladdinwang in forum Ext 3.x: Help & Discussion
    Replies: 4
    Last Post: 6 May 2013, 11:53 PM
  4. Replies: 2
    Last Post: 26 Oct 2007, 12:58 PM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •