New Landing How can we help? Atelier Modify CSS font path

Viewing 12 posts - 1 through 12 (of 12 total)
  • Posted in: Atelier
  • #172567
    hemeng1989
    Member
    Post count: 88

    Where is the font CSS file path?I used firefox search file path, did not find, I think through CSS change font, please see my screenshot

    Attachments:
    You must be logged in to view attached files.
    #172607
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Fonts are applied via php, as these are included in the options. What is it you’re trying to do?

    – Kyle

    #172615
    hemeng1989
    Member
    Post count: 88

    I want to know the font PHP file in where?…So I would like to add a font,Please see my screenshot

    Attachments:
    You must be logged in to view attached files.
    #172622
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    You can just add that via custom CSS, copy that rule and pasta to Theme Options > Custom CSS

    – Kyle

    #172624
    hemeng1989
    Member
    Post count: 88
    h3, .spb-row-expand-text, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .single_variation_wrap .single_variation span.price {
        font-family: Dosis,"Microsoft YaHei";
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 24px;
    }

    Like this?

    #172626
    hemeng1989
    Member
    Post count: 88

    You see my custom CSS, not referenced, you see my screenshot..

    Attachments:
    You must be logged in to view attached files.
    #172629
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Add !important to the end:

    h3, .spb-row-expand-text, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .single_variation_wrap .single_variation span.price {
        font-family: Dosis,"Microsoft YaHei"!important;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 24px;
    }

    However you do realise your only setting it as a backup font?

    – Kyle

    #172634
    hemeng1989
    Member
    Post count: 88

    My idea is to use Microsoft Chinese fonts

    #172639
    hemeng1989
    Member
    Post count: 88

    Code works just now, you can put the h1 – h5 and Menu Font body Font code is in accordance with the code you wrote to me just now to me?

    #172640
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Yes

    – Kyle

    #172643
    hemeng1989
    Member
    Post count: 88

    Well, thank you, that you write code for me!!!!!I copied ,I wait for you

    #172657
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Add this to your custom CSS

    body,p {
    font-family: "museo-slab"!important;
    }
     
    /* HEADING FONT */
    h1, .impact-text,.impact-text-large {
    font-family: "museo-slab"!important;
    }
    h2,.blog-item .quote-excerpt {
    font-family: "museo-slab"!important;
    }
    h3 {
    font-family: "museo-slab"!important;
    }
    h4 {
    font-family: "museo-slab"!important;
    }
    h5 {
    font-family: "museo-slab"!important;
    }
    h6 {
    font-family: "museo-slab"!important;
    }
     
    /* MENU FONT */
    #main-nav, #header nav, #vertical-nav nav, .header-9#header-section #main-nav, #overlay-menu nav, #mobile-menu, #one-page-nav li .hover-caption {
    font-family: "museo-slab"!important;
    }

    Change museo-slab to your font

    – Kyle

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register