Hi,

 

I'm with a problem with web fonts. I'm not sure if the method I use work, not even in which browsers it does work.

 

I have a site which I've used for months, and I thought the web fonts were ok. But testing it in other computer, it didn't work.

 

I'm afraid that it only works in mine because I have the fonts in my computer (and it's not the web fonts css that is doing the job).

 

The site is: http://triskelwebdesign.com

 

Does it appear there with the fancy font "Lobster" in the titles, and the more common style "Grandesign" in the content text?

 

Besides,

 

the code I use for adding the fonts is:

 

@font-face {
           font-family: 'Lobster';
       src: url('fonts/lobster_1.4-webfont.eot') format('eot'),
            url('fonts/lobster_1.4-webfont.woff') format('woff'),
            url('fonts/lobster_1.4-webfont.ttf')  format('truetype'); 

}
@font-face {
       font-family: 'Delicious';
       src: url('fonts/delicious-roman-webfont.eot') format('eot'),
            url('fonts/delicious-roman-webfont.woff') format('woff'),
            url('fonts/delicious-roman-webfont.ttf')  format('truetype');

}

@font-face {
font-family: 'Grandesign';
       src: url('fonts/grandesign_neue_serif_regular-webfont.eot') format('eot'),
            url('fonts/grandesign_neue_serif_regular-webfont.woff') format('woff'),
            url('fonts/grandesign_neue_serif_regular-webfont.ttf')  format('truetype');
}

 

I'm testing my sites now also in a netbook, and the fonts for this site works fine, but for others simply doesn't work at all in the netbook. Even being the same version of the same browser.

How is this possible?

 

Thank you for any help.

Edited March 6, 201214 yr by Renaissance-Design
Please use the code button or tags to format your code.

Yes I see the fonts here using FireFox, but not in IE. Read this and notice the IE fixes.

Edited March 6, 201214 yr by Bomb