How Add Custom Web Fonts ? - by angelmunoz

This topic has 2 replies, 2 voices, and was last updated 6 years, 5 months ago ago by Rose Tyler

  • Avatar: angelmunoz
    angelmunoz
    Participant
    July 22, 2018 at 07:07

    Hi, I want to add custom web fonts in the template customization options.

    The fonts I want to add are not found in Google fonts, they are our web fonts.

    Can you tell me the instructions?

    Typography options

    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 23, 2018 at 08:19

    Hello,

    By default, there is no possibility to add custom font in Theme Options, this request additional customization (additional customization in source code is out of our support scope).
    You may use css code in Theme Options > Styling > Custom css or style.css file of child theme, for example:

    @font-face {
     font-family: "Open Sans";
     src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
            url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
    }

    set own path to font
    and then you will be able to aply the font for elements via custom css code.

    Regards

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.