SitePoint Sponsor

User Tag List

Results 1 to 15 of 15
  1. #1
    SitePoint Member
    Join Date
    Jun 2007
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Font Rendering different in Safari and Firefox

    Hey Everyone

    I am new here and to start with just wanted to say that this looks like a great website with lots of cool information!

    So here's my problem i am having at the moment. My page is all setup up how i want and it renders fine in the different browsers, but when it comes to Font it is a different issue. When the page is in Safari everyone is fine, bold font is bold and renders nice a crisp, but in Firefox everything looks like it bold, and almost looks like it has a blur to it? Is this something that other people have found, and if it is is there a way around it??

    Thanks for any help

  2. #2
    SitePoint Wizard silver trophybronze trophy Nadia P's Avatar
    Join Date
    Oct 2004
    Location
    NSW Australia
    Posts
    3,564
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Which font are you using - are you talking about text or the font of a graphic?

    Nadia

  3. #3
    SitePoint Member
    Join Date
    Jun 2007
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Nadia P View Post
    Which font are you using - are you talking about text or the font of a graphic?

    Nadia
    Hey Nadia

    Here are the fonts that i am using in Dreamweaver: "Lucida Grande", Verdana, Arial, sans-serif, "Myriad Pro" and it is text.

    Thanks for the reply

  4. #4
    SitePoint Wizard silver trophybronze trophy Nadia P's Avatar
    Join Date
    Oct 2004
    Location
    NSW Australia
    Posts
    3,564
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I forgot to welcome you to Sitepoint earlier - so welcome :-)

    You must remember that various fonts may look different in various browsers, platforms. Could also be a difference in monitors too. I can view a page in Firefox and then in IE7 and it may look different even though the font is the same. Nothing really you can control I believe.

    Also, you must remember that if someone viewing your site doesn't have "lucida grande' on their system, they will see the default font of their browser.

    Nadia

  5. #5
    SitePoint Addict richtestani's Avatar
    Join Date
    Nov 2003
    Location
    Bridgeport
    Posts
    292
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    To add to Nadia, the reason you specify multiple fonts is for a fallback scenario. If the end user does not have the first font listed, the next will be tried... and so forth.

    In particular, Windows users do not use Ludica or Ludica Grande by default but do have Verdana.
    RichTestani
    -------------------------------
    http://www.junkdepot.com
    http://www.rareoopdvds.com | The Movie Poster Site

  6. #6
    SitePoint Member
    Join Date
    Jun 2007
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the replies

    So are there any fonts that are safe to use??

  7. #7
    SitePoint Addict richtestani's Avatar
    Join Date
    Nov 2003
    Location
    Bridgeport
    Posts
    292
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Check out this link - a great resource for determining commonalities in fonts across browsers/platforms.

    http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
    RichTestani
    -------------------------------
    http://www.junkdepot.com
    http://www.rareoopdvds.com | The Movie Poster Site

  8. #8
    SitePoint Wizard
    Join Date
    Jul 2003
    Location
    Kent
    Posts
    1,921
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    The above link would suggest you could get away with lucida console as the fall-back for lucida grande

  9. #9
    SitePoint Member
    Join Date
    Jun 2007
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Dr John View Post
    The above link would suggest you could get away with lucida console as the fall-back for lucida grande
    So do you think that i should change my list: "Lucida Grande", Verdana, Arial, sans-serif, "Myriad Pro"??

    Thanks for all this help

  10. #10
    SitePoint Wizard bronze trophy Tailslide's Avatar
    Join Date
    Feb 2006
    Location
    Bedford, UK
    Posts
    1,687
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    sans-serif should be the last option in the list with the fonts themselves before it - it's the "if all else fails" scenario.
    Little Blue Plane Web Design
    Blood, Sweat & Rust - A Land Rover restoration project

  11. #11
    SitePoint Member
    Join Date
    Jun 2007
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ok so i will change the font list around so that sans-serif is the last on the list. The font that is enclosed in the quotation marks, does that become the defaut font just because i have two on my list that are in quotation marks??

    What fonts do you guys use when developing a website?

    Thanks

  12. #12
    SitePoint Addict richtestani's Avatar
    Join Date
    Nov 2003
    Location
    Bridgeport
    Posts
    292
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by MarGera332 View Post
    So do you think that i should change my list: "Lucida Grande", Verdana, Arial, sans-serif, "Myriad Pro"??

    Thanks for all this help
    Naming "Ludica" in the list will not quality any version of Ludica. On my Windows box here I have neither a font named "Ludica" or "Ludica Grande", yet I do have "Ludica Console" - so I would want to list "Ludica Console" as an option if this particular font works for what I am trying to achieve.

    Ludica Console is a mono-spaced font, so the readability may be tough.

    Different fonts have different sizes, kerning, tracking set into them, so you need to try and see what you get a little.

    Of the groups, Georgia, Times, Arial, Verdana, Impact are all pretty much the same on both platforms.

    Rich
    RichTestani
    -------------------------------
    http://www.junkdepot.com
    http://www.rareoopdvds.com | The Movie Poster Site

  13. #13
    CSS & JS/DOM Adept bronze trophy
    Join Date
    Mar 2005
    Location
    USA
    Posts
    5,482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Rich, two things. You keep spelling "Lucida" as "Ludica". Why would you want to specify a monospace font as a fallback for a sans-serif font?
    We miss you, Dan Schulz.
    Learn CSS. | X/HTML Validator | CSS validator
    Dynamic Site Solutions
    Code for Firefox, Chrome, Safari, & Opera, then add fixes for IE, not vice versa.

  14. #14
    SitePoint Addict richtestani's Avatar
    Join Date
    Nov 2003
    Location
    Bridgeport
    Posts
    292
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Kravvitz - its just my misspelling or my dyslexia Lucida is the correct font spelling.

    Lucida Grande isn't a monospaced font, Lucida Console I believe is though.
    RichTestani
    -------------------------------
    http://www.junkdepot.com
    http://www.rareoopdvds.com | The Movie Poster Site

  15. #15
    CSS & JS/DOM Adept bronze trophy
    Join Date
    Mar 2005
    Location
    USA
    Posts
    5,482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes, I know. Lucida Console is a monospaced font but the other Lucida family fonts are other types. I was asking because of Dr John's question. Looking at it again, I'm not sure why I directed the question at you.
    We miss you, Dan Schulz.
    Learn CSS. | X/HTML Validator | CSS validator
    Dynamic Site Solutions
    Code for Firefox, Chrome, Safari, & Opera, then add fixes for IE, not vice versa.


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
  •