Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #202930

    Hi,

    I’m having trouble embedding a font in custom css. The font was uploaded to a folder “themes/corona/fonts”. And this is the code I’m using:

    @font-face {
    font-family: “corinthian”;
    src: url (‘/fonts/corinthian.otf’) format (“opentype”),
    src: url (‘/fonts/corinthian.eot’) format (‘eot’);
    font-weight: normal;
    font-style: normal;
    }

    I can’t see the font in IE or Chrome. Should I upload to a different folder?

    Regards,
    Poirot

    #202959

    Hey Poirot!

    Try with this code instead:

    @font-face {
    font-family: “corinthian”;
    src: url (‘../fonts/corinthian.otf’) format (“opentype”),
    src: url (‘../fonts/corinthian.eot’) format (‘eot’);
    font-weight: normal;
    font-style: normal;
    }

    Cheers!
    Josue

    #203054

    Hi Josue,

    Still not working. It worked when the font was installed on my pc. But I then moved it to the server, into a new “fonts” folder, within Corona.

    Maybe there is an existing “fonts” folder that has to be used instead?

    Regards
    Poirot

    #203081

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    #203262

    Hi Josue,

    Sure, this is the link: http://goo.gl/8l5ld. I updated the “@font face”, with another font but still no result. I get Arial as alternative.

    Also, please check the footer. I am seeing an additional white socket on the bottom (it shouldn’t be there). It seems as if the whole footer has been moved upwards.

    Thank you,

    Regards,
    Poirot

    • This reply was modified 7 months, 1 week ago by  Poirot.
    #203400

    There are only Helvetica fonts here:

    http://www.metayachts.com/wp-content/themes/corona/fonts/

    Cheers!
    Josue

    #203533

    Hi Josue,

    Ok, thank you.

    Regards,
    Poirot

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

The topic ‘Embed font in custom css’ is closed to new replies.