font squirrel a little help

[drotar]

little help from a dim witted brethren

I am trying to use fontsquirrel to use a certain font for an ipad website.

I HAVE PLACED THE CODE

ON THE HTML5 index.html PAGE

MY FOLDERS AND index.html PAGE ARE ALL ON THE SAME LEVEL (see below)

css
js
fonts (where the destroy files are)
images
index.html

ON MY EXTERNAL MAIN.CSS STYLE SHEET I HAVE THIS:

h1 {

font-family: ‘DestroyRegular’ Tahoma, Geneva, sans-serif;
font-size: 60px;
text-shadow: 1px 1px 1px #000, 3px 3px 5px #000;
color: #666;
font-weight: bolder;
text-transform: uppercase;

}

It doesn’t work. how am i screwing this up? any help would be greatly appreciated. i’ve already spent over
12 hours on it. email is [email protected]

website url:

http://www.drotardesign.com/ipad

[chrisburton]

@drotar – Try this

@font-face {

font-family: 'DestroyRegular';

src: url('fonts/destroy_-webfont.eot');

src: url('fonts/destroy_-webfont.eot?#iefix') format('embedded-opentype'),

url('fonts/destroy_-webfont.woff') format('woff'),

url('fonts/destroy_-webfont.ttf') format('truetype'),

url('fonts/destroy_-webfont.svg#DestroyRegular') format('svg');

font-weight: normal;

font-style: normal;



}

and also provide a comma after your custom font:

h1 {



font-family: 'DestroyRegular', Tahoma, Geneva, sans-serif;

font-size: 60px;

text-shadow: 1px 1px 1px #000, 3px 3px 5px #000;

color: #666;

font-weight: bolder;

text-transform: uppercase;



}

[drotar]

you are my new best-est friend. the people from fontsquirrel gave me that other code. i’ve wasted 2 full days trying to figure this out and i was ready to tear my hair out. thank you so much. now on to the next problem.

drotar http://www.drotardesign.com

[Author]

Posts