[Resolved] Use external font

Home Forums Support Use external font

  • This topic has 5 replies, 3 voices, and was last updated 1 year ago by Tom.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #999016
    Brian

    Hi,

    I want to use an external font which isn’t available on google fonts. The name of the font is “Ravie” and the link is:

    https://fontzone.net/font-details/ravie

    is it possible to add/display this on the site?

    Kind Regards,

    Brian Thompson

    #999034
    David
    Staff
    Customer Support
    #999048
    Brian

    Hi David,

    I have already been through that. I had another look at the search for the font and I found a link and added it to the head section:

    <link href=”//db.onlinewebfonts.com/c/2aeca327ae0e8ba04bf305f13cb1d589?family=Ravie” rel=”stylesheet” type=”text/css”/>

    I have also added this to the css section:

    .welcome {
    font-family: ravie;
    }

    Will this work or is it going to mess up the site on me?

    #999241
    Tom
    Lead Developer
    Lead Developer

    That looks like it should work. Have you tested it out, yet?

    Let us know 🙂

    #1001816
    Brian

    Hi Tom,

    Sorry for the delay in getting back to you, I have it solved. I had to put the following in with the class in custom css and then it worked for me:

    @font-face {font-family: “Ravie”; src: url(“//db.onlinewebfonts.com/t/2aeca327ae0e8ba04bf305f13cb1d589.eot”); src: url(“//db.onlinewebfonts.com/t/2aeca327ae0e8ba04bf305f13cb1d589.eot?#iefix”) format(“embedded-opentype”), url(“//db.onlinewebfonts.com/t/2aeca327ae0e8ba04bf305f13cb1d589.woff2”) format(“woff2”), url(“//db.onlinewebfonts.com/t/2aeca327ae0e8ba04bf305f13cb1d589.woff”) format(“woff”), url(“//db.onlinewebfonts.com/t/2aeca327ae0e8ba04bf305f13cb1d589.ttf”) format(“truetype”), url(“//db.onlinewebfonts.com/t/2aeca327ae0e8ba04bf305f13cb1d589.svg#Ravie”) format(“svg”); }

    Kind Regards,

    Brian Thompson

    #1001905
    Tom
    Lead Developer
    Lead Developer

    No problem! Glad you got it working 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.