HTML PROBLEM

hman360

So for my site html, the title comes out blurry. Can anyone tell me the problem with my code:

@font-face {
font-family: "Pandora Pandorum";
src: url('fonts/akaDylan Collage'); /* IE */
src: local("akaDylan Collage"), url('fonts/akaDylan Collage') format("truetype"); /* non-IE */
}

Then further down:

.site-title {
height:76px;
float:left;
}
.site-title h1, .site-title h1 a, .site-title h1 a:hover{
font-family: "Pandora Pandorum";
font-size:50px;
color:#FFFFFF;
margin:0;
padding:8px 0 0 10px;
vertical-align:medium;
text-decoration:none;
text-shadow: 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.2em #000
}

My site is http://hapiapps.com/ if you want to check out the problem.

hman360

I tried the ttf and eot's at the end but then it changes which font it is. It become arial.

gyroscope

Hi hman, there's no blurriness here (I used Safari). And with my limited HTML understanding, I can't see anything wrong with the code you showed; nothing there that would make stuff blurry.

Really nice website you have: http://hapiapps.com/ by the way

There's one point to make: I thought that if you use a typeface on your website that's not on a user's system, then it will default to a standard font; could be wrong...

If that turns out to be the case, the only way around it would be to make your font stuff as images, I guess.

----------------------------------------------
http://davidgriffinapps.co.uk/

Rob2

As David says, I don't think your font is showing up...



which is a shame cos it is well groovy

http://www.acidfonts.com/typeface/aka_dylan_collage.htm

hman360

On chrome it shows up, maybe gyroscopes's right about that. I have it installed on my computer. So I guess I will just make it an image. That should fix everything

This is what I see:



Thanks Guys!