What font is used on Apple.com?

Status
Not open for further replies.


the homepage uses

Code: 
body { 
font: 12px/18px "Lucida Grande", Arial, Verdana, sans-serif; 
background-color: #fff; 
color: #333; 
}
the store uses

Code: 
body {
    font: 10px/1.7em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    color: #333;
}
itunes uses

Code: 
body { 

font: 12px/18px "Lucida Grande", Arial, Verdana, sans-serif; 
background-color: #fff; 
color: #333; 

}
etc.

firefox + web developer toolbar = FTW

As aim suggests, you'll need the fonts and do something like SIR Image Replacement or sfir, make an image to replace the text in your h1.
 
  • Like
Reactions: rgordon83
Gumby! said:
the homepage uses

Code: 
body { 
font: 12px/18px "Lucida Grande", Arial, Verdana, sans-serif; 
background-color: #fff; 
color: #333; 
}
the store uses

Code: 
body {
    font: 10px/1.7em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    color: #333;
}
itunes uses

Code: 
body { 

font: 12px/18px "Lucida Grande", Arial, Verdana, sans-serif; 
background-color: #fff; 
color: #333; 

}
etc.

firefox + web developer toolbar = FTW
Click to expand...

thanks man!
 
rgordon83 said:
thanks man!
Click to expand...

No problem, but if you want to use lucida grande you'll need to use the link aim gave or hit him up for myriad pro because not everyone will have those fonts installed, the pc I'm on now fell back to arial.

You'll need to use an image for your h1, just use sir (image replacement) or sifr (google it) to keep your h1 rank love for the search engines
 
Gumby! said:
No problem, but if you want to use lucida grande you'll need to use the link aim gave or hit him up for myriad pro because not everyone will have those fonts installed, the pc I'm on now fell back to arial.

You'll need to use an image for your h1, just use sir (image replacement) or sifr (google it) to keep your h1 rank love for the search engines
Click to expand...

sweet. just did the image replace:

#sir:after {
content:url(images/header.gif);
margin-top:-.9em;
display:block;
}

how does it look on PC?

how would i get the image to link to the homepage?
 
rgordon83 said:
sweet. just did the image replace:

#sir:after {
content:url(images/header.gif);
margin-top:-.9em;
display:block;
}

how does it look on PC?

how would i get the image to link to the homepage?
Click to expand...

Looks good on this pc. Doesn't work for IE 6 (shows the text), but I wouldn't worry about that.

Looks like you already figured out how to link to the homepage.
 
Gumby! said:
Looks good on this pc. Doesn't work for IE 6 (shows the text), but I wouldn't worry about that.

Looks like you already figured out how to link to the homepage.
Click to expand...

Should, about 1/3 users is on ie6.
 
Gumby! said:
Looks good on this pc. Doesn't work for IE 6 (shows the text), but I wouldn't worry about that.

Looks like you already figured out how to link to the homepage.
Click to expand...

should be fixed in IE6, just needed to move it down a bit..

also, i got it to link by wrapping the href around the whole <h1>, but now the ENTIRE header is clickable, even the white space. any way around that?
 
SkyFire said:
Should, about 1/3 users is on ie6.
Click to expand...

There are better things to waste your time on than trying to make your site work perfectly for an obsolete broken browser. The H1 text displayed fine, it wasn't like they couldn't see anything.
 
rgordon83 said:
should be fixed in IE6, just needed to move it down a bit..

also, i got it to link by wrapping the href around the whole <h1>, but now the ENTIRE header is clickable, even the white space. any way around that?
Click to expand...

Set a height and width for the h1 in the css
 
Status
Not open for further replies.
Top Bottom