Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 18, 2015 at 6:18 pm #398348
    Pegasys

    Hi guys,

    Newbie question! I am having some trouble figuring out how to override the default font in Enfold for headings and body text. I have to use a corporate font, futura-bold.ttf for headings, futura-book.ttf for body text.

    Without going down the road of changing the CSS files, could someone please point me in the right direction, I’m just testing Enfold on a local install of XAMPP at the moment,

    thanks,

    Joe

    February 18, 2015 at 7:06 pm #398392
    Pegasys

    I forgot to say what I have done so far.

    I created a folder called font in my Enfold directory, and moved in Futura-Book.ttf, so: enfold/font/Futura-Book.ttf

    I added the following to the Quick CSS under “General Styling > Fonts” tab

    p, a {
font-family: 'Futura-Book'  !important;
font-weight: normal;
font-style: normal;
}

    And the following to my Custom.CSS file

    @font-face {
font-family: Futura-Book;
src: url('../font/Futura-Book.ttf');
}

    Can someone tell me what I am doing incorrectly here!

    thanks

    February 19, 2015 at 6:15 am #398654
    Rikard

    Hey!

    Make sure that your url for the font is correct, the safest way is to include the whole path. Also make sure that the @font-face rule is loaded before your call the font in any declarations, so put the @font-face before your p, a rule in Quick CSS.

    Best regards,
    Rikard

    February 19, 2015 at 1:31 pm #398858
    Pegasys

    Hi Rikard,

    Thank you for your advice regarding the @font-face call.

    It turns out, the .ttf that I was using was corrupt – bah! I have replaced it and all is working as it should!

    Apologies for wasting your time!

    best regards,

    Joe

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Replacing font with a corporate font’ is closed to new replies.