Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › embedded fonts?

  • This topic is empty.
Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • June 9, 2011 at 1:45 pm #33055
    ylex1
    Participant

    Hey

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

    thanks

    June 9, 2011 at 2:15 pm #73620
    The-Marshal
    Member

    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 #73610
    chrisburton
    Participant

    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 #73611
    ylex1
    Participant

    thank you guys

    June 9, 2011 at 6:18 pm #73589
    jeffvee
    Participant

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

    June 9, 2011 at 10:09 pm #73591
    joelmb
    Member

    TYPEKIT http://typekit.com

    June 9, 2011 at 11:02 pm #73592
    seb_z_lite
    Member

    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 #73482
    OniLinkCR
    Member

    @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 #73471
    chrisburton
    Participant

    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 #73461
    doobiedubois
    Member

    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 #73465
    chrisburton
    Participant

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

    June 10, 2011 at 3:41 pm #73414
    OniLinkCR
    Member

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

    PS: AND YOU ARE!!! lol

    June 11, 2011 at 3:55 pm #73312
    ylex1
    Participant

    haha thank you all!

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The forum ‘CSS’ is closed to new topics and replies.