SitePoint Sponsor

User Tag List

Results 1 to 8 of 8

Thread: font face help

  1. #1
    SitePoint Wizard nofel's Avatar
    Join Date
    Aug 2007
    Location
    Earth
    Posts
    1,766
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    font face help

    hi all,
    i am trying to understand how does font face syntax work. i have font uploaded to my server. how can i use it in my css?
    All those who wander aren't lost.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,598
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    You use @font-face. Where did you get the font? Is it web ready? A good place to get fonts that are ready for the web is FontSquirrel, where they give you all the different font formats you need and the CSS you need to use.

  3. #3
    SitePoint Wizard nofel's Avatar
    Join Date
    Aug 2007
    Location
    Earth
    Posts
    1,766
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    i can't find there. the one i want is valled bello-script. its on typekit but its not in 'trail package'. what should i do?
    All those who wander aren't lost.

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,598
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    I did a quick search and did not find it offered on other sites. You could look around and see if there are free fonts that are similar to bello. Otherwise, go with Typekit. If this is a client site, they can pay. It's only $50 per year.

  5. #5
    Non-Member bronze trophy
    Join Date
    Nov 2009
    Location
    Keene, NH
    Posts
    3,760
    Mentioned
    23 Post(s)
    Tagged
    0 Thread(s)
    If you HAVE the font, upload it to font-squirrel's font-face kit generator
    http://www.fontsquirrel.com/fontface/generator

    and it will turn it into all the formats you need with example CSS and a working demo page.

    Though I would avoid using a font like bello-script on anything put the page logo due to it being effectively illegible on screen -- that's very much a 'for print only' font.

    The web is not print... unless you're planning on using it at 24px or larger, I wouldn't consider that font web deployable.

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,598
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by deathshadow60 View Post
    If you HAVE the font, upload it to font-squirrel's font-face kit generator
    Ah yes, I forgot about that ... although there are legal implications around doing this with a commercial font, aren't there?

  7. #7
    Mazel tov! bronze trophy kohoutek's Avatar
    Join Date
    Aug 2004
    Location
    Hamburg, Germany
    Posts
    4,248
    Mentioned
    30 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    Ah yes, I forgot about that ... although there are legal implications around doing this with a commercial font, aren't there?
    Yes, they do ask you to respect the font's EULA.
    Maleika E. A. | Rockatee | Twitter | Dribbble



  8. #8
    SitePoint Member WebMonkeyOttawa's Avatar
    Join Date
    Jan 2012
    Location
    Ottawa, ON
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Have you tried the free fonts at Google Web Fonts? Your best bet because they will load quickly and you only have to include the CSS file in the header, then you can go right ahead and use the font. I use Google Web Fonts on a lot of the sites we develop.

    But as ralph.m mentioned, commerical fonts are not for web use. You need a separate license for that. But there are a lot of free fonts, so ideally you wouldn't have to go the route of using a commerical font. Even Font Squirrel has a lot of free fonts you can grab from there.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •