Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #297266

    Hi again

    Ive looked around your forums and haven’t managed to resolve this, the last of my issues….
    I want a custom font “Aller” site wide and have struggled to sort it out.

    I have run it through font squirrel, uploaded the fonts into a folder called ‘fonts’ and added this to the custom.css

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

    }

    Ive then added this to the quick.css

    body {
    font-family: ‘allerregular’, Fallback, sans-serif;
    }

    Am I missing something? I want the “Aller’ font to be the main font, for everything

    Thanks again in advance
    Arran

    #297526

    Hey Arran!

    Please add following code to Quick CSS as well

    body {
    font-family: allerregular, sans-serif;
    }

    Regards,
    Yigit

    #297604

    No luck with that addition, any other suggestion?

    cheers

    #297674

    Hey!

    Please try adding !important rule as following

    body {
    font-family: allerregular, sans-serif !important; 
    }

    Cheers!
    Yigit

    #299304

    Thanks Yigit

    The worked, but only on the body text and the nav. How do I target the H tags?

    Thanks again

    #299336

    Hey!

    Please add following code to Quick CSS as well

    h1, h2, h3, h4, h5, h6 { font-family: allerregular, sans-serif !important;  }

    Cheers!
    Yigit

    #299572

    Perfect… Thanks again

    #299575

    Hey!

    You are welcome, glad we could help! Let us know if you have any other questions or issues

    Best regards,
    Yigit

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘@font-face’ is closed to new replies.