Does anyoe know - do @fontface fonts display in preview (I'm using the HTML Editor), or will they only show up on a live site?

It's only ever worked live for me. Even selecting IE 9 for preview.

Good to know. I couldn't remember if I'd asked about this already , but I didn't find anything about it in a search.
Thanks, Eric

Webfonts work locally in preview for me, both in a browser and in the Editor preview. I'm using webfontkit (http://www.fontsquirrel.com/fontface/generator) to create them.

Thanks for that link Inger. Yes the fonts work in the preview if you use all the webkit stuff.

I used the font squirrel generator, but no luck.
Maybe it's because I can't unzip the generated font code on this computer? It only happens with font squirrel, I can buy/download fonts from other sources with no problem, but when I click to unzip the font squirrel file (any font) I get this error message: 'Invalid argument to date encode'.
So I used my husband's computer to download the font code, put it on a jump-drive and then opened it on my computer.
I checked some templates I bought that have @fontface fonts included. They don't work in preview either (and I haven't edited/changed those templates).

What's missing? They all are like this, just with different fonts:

@font-face {
font-family: 'WebSymbolsRegular';
src: url('websymbols-regular-webfont.eot');
src: url('websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('websymbols-regular-webfont.woff') format('woff'),
url('websymbols-regular-webfont.ttf') format('truetype'),
url('websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
font-weight: normal;
font-style: normal;

}

How do you have the actual css element that's using the font setup?

The webfontkit has its own css. Just leave that as it is.

Paintbrush, did you unzip the webfontkit folder and placed it along with your other folders for that particular site? And uploaded it? Don't take anything out of that folder!

Then you need to change the paths of the fonts to reflect that they are inside the webfontkit folder. Here is one I have used recently, and this is what I added to my style sheet:



And this is where I use the font:

Inger,
Here's what it looks like (I didn't change anything, this is how it came from Font Squirrel):


I'm using it for headers, and I added the font-family line to each individual <h> tag as well.


I noticed that the Font Squirrel code is different from yours. It doesn't have the "webfont kit/dnk" before the fonts. Same as in the templates (the code snippet in my other post is from one of them).
I've also got a fonts folder with generator_config.txt and the eot, woff, ttf, and svg fonts in it. So I thought that it might have to be on the server before the font would show up.

If someone had told me 10 years ago this is how I'd be spending my Saturday nights.....

What did someone tell you ten years ago.