Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Mar 2011
    Posts
    164
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Question on my font please! Lucida Grande

    Does anyone know why my font does not render on some browsers?

    The font seems to revert to Arial....

    I though this was pretty standard:

    Code:
    body {
    	margin:0;
    	background: #f4f4f4 url(../funnelimages/Xbg.png) repeat-x top left;
    	color: #1a1a1a;
    	line-height: 1.5em;
    	font:13px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    }
    Am I missing something?

    On my broswers, IE, FF etc it all works fine but when I take screengrabs from other machines the font doesn't render....

    The tags that are used are just normal <p> thanks!

  • #2
    Regular Coder Donkey's Avatar
    Join Date
    Sep 2003
    Location
    Blackfield UK
    Posts
    312
    Thanks
    1
    Thanked 36 Times in 36 Posts
    Looks like it is common on Macs but not elsewhere
    http://www.codestyle.org/css/font-fa...ultsFull.shtml
    " 90% of everything is crud" - Theodore Sturgeon
    Filthy Beast - a 60's Rock Band

  • #3
    New Coder
    Join Date
    Mar 2011
    Posts
    62
    Thanks
    3
    Thanked 2 Times in 2 Posts
    I think if a font is more than one word, you have to put an underscore between then instead of a space.

  • #4
    Regular Coder Nile's Avatar
    Join Date
    Jun 2008
    Posts
    280
    Thanks
    2
    Thanked 46 Times in 46 Posts
    Quote Originally Posted by BoyWander View Post
    I think if a font is more than one word, you have to put an underscore between then instead of a space.
    No.

    Quote Originally Posted by w3
    To avoid mistakes in escaping, it is recommended to quote font family names that contain white space, digits, or punctuation characters other than hyphens:

    body { font-family: "New Century Schoolbook", serif }

    <BODY STYLE="font-family: '21st Century', fantasy">
    Font family names that happen to be the same as a keyword value ('inherit', 'serif', 'sans-serif', 'monospace', 'fantasy', and 'cursive') must be quoted to prevent confusion with the keywords with the same names. The keywords 'initial' and 'default' are reserved for future use and must also be quoted when used as font names. UAs must not consider these keywords as matching the '<family-name>' type
    http://www.w3.org/TR/CSS2/fonts.html


  •  

    Posting Permissions

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