Home Forums Fusion I can not use font face in Fusion theme

Tagged: ,

This topic contains 4 replies, has 2 voices, and was last updated by  merplex 3 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #48004

    merplex
    Participant

    I try to use the font which i create by paste these below code to custom css field or even add these code in the style.css file. but none of them work. Please help me.

    @font-face {
    font-family: ‘-js_wansikaitalic';
    src: url(‘fonts/-js_wansika_italic-webfont.eot’);
    src: url(‘fonts/-js_wansika_italic-webfont.eot?#iefix’) format(‘embedded-opentype’),
    url(‘fonts/-js_wansika_italic-webfont.woff2′) format(‘woff2′),
    url(‘fonts/-js_wansika_italic-webfont.woff’) format(‘woff’),
    url(‘fonts/-js_wansika_italic-webfont.ttf’) format(‘truetype’),
    url(‘fonts/-js_wansika_italic-webfont.svg#-js_wansikaitalic’) format(‘svg’);
    font-weight: normal;
    font-style: normal;}

    #48005

    merplex
    Participant

    ok, I change a little bit font face generate. This is what I have done. Please give me an advise.

    1) I copy these file to asset/fonts location (as same as icomoon and Linearicons font family)

    -js_wansika_italic.ttf
    -js_wansika_italic.woff
    -js_wansika_italic.woff2

    2) I paste these code in style.css file (as same as icomoon and Linearicons font family)

    @font-face {
    font-family: ‘webfontregular';
    src: url(‘assets/fonts/-js_wansika_italic.woff2′) format(‘woff2′),
    url(‘assets/fonts/-js_wansika_italic.woff’) format(‘woff’),
    url(‘assets/fonts/-js_wansika_italic.ttf’) format(‘truetype’);
    font-weight: normal;
    font-style: normal;}

    3) my question is If i want to change these sentense (Page “Get in touch”) font to be my font “webfontregular”. What should i do?

    Get in Touch
    We’re here to answer any questions you may have
    and create an effective solution for your instructional needs.

    #48006

    merplex
    Participant
    This reply has been marked as private.
    #48007

    Joshua
    Keymaster

    1 & 2. Yes and yes, but you should be doing these in the child theme. If you do these directly inside Fusion, you’ll lose all your changes once you update.

    3. There are more detailed instructions in the documentation, but the short of it is:
    – Add the font under Typography in the Customizer with the name ‘webfontregular’
    – Save and refresh. Your font will then appear in all the font dropdown lists. You can set it to be used for h1, h2, body, navigation, etc.

    #48008

    merplex
    Participant

    right now. I use custom font from Elementor. I work well now very easy.

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

You must be logged in to reply to this topic.