Grow your CSS skills. Land your dream job.

embedded fonts?

  • # June 9, 2011 at 1:45 pm

    Hey

    I want to use the Aller font in my website how do I do it?

    thanks

    # June 9, 2011 at 2:15 pm

    Do that in your css file


    @font-face { font-family: Font Name; src: url('Font path'); }

    then aller this font


    font-family: Font Name;

    Just that !!

    # June 9, 2011 at 2:20 pm

    I use Font Squirrel for my font embedding as it has great cross-browser support.

    @font-face {
    font-family: 'Aller';
    src: url('/fonts/aller-webfont.eot?') format('eot'),
    url('/fonts/aller-webfont.woff') format('woff'),
    url('/fonts/aller-webfont.ttf') format('truetype'),
    url('/fonts/aller-webfont.svg#webfontoBFDAVMh') format('svg');
    font-weight: normal;
    font-style: normal;
    }
    # June 9, 2011 at 2:42 pm

    thank you guys

    # June 9, 2011 at 6:18 pm

    Google’s Font API might be useful to you. http://code.google.com/apis/webfonts/

    # June 9, 2011 at 10:09 pm

    TYPEKIT http://typekit.com

    # June 9, 2011 at 11:02 pm

    font squirrel is awesome! Also @ylex1 make sure to always write the font-family the same way as the font-face declaration.

    # June 10, 2011 at 2:14 pm

    @ChrChristopherBurton why SVG? I kind of dropped support for it. Are there any devices that support it, current ones? If it’s mobiles, I would rather develop a site for mobiles and then include it. I have been on the fence over SVG.

    # June 10, 2011 at 2:42 pm

    Font Squirrel automatically converts your fonts to multi extensions. To be honest, I believe they use SVG for iOS versions previous to 4.2. Don’t hold me to that.

    # June 10, 2011 at 2:52 pm

    I gave FontSquirrel a try after Google Fonts disappointed me royally and I found that rendering issues continued in some browsers – mainly pre-9 Interet Explorer. It probably made a difference that my chosen font, Josefin, is a light one but I wasn’t able to affect cross browser support.

    # June 10, 2011 at 3:20 pm

    It seems that I was correct on my explanation for svg support.

    # June 10, 2011 at 3:41 pm

    Oyy…didn’t read that one… sorry mate.

    PS: AND YOU ARE!!! lol

    # June 11, 2011 at 3:55 pm

    haha thank you all!

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".