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 the following item
Login and Registration Log in · Register