(no subject)

[swaldman]

I squeeeed quite a lot when I heard that webfont support was now available in the wizard.
However, I can't figure out how to use it. I think that I'm doing something wrong with DW, but it may be that I'm doing something wrong more generally - I'm new to this.

So I've used FontSquirrel's excellent converter to produce versions of the font in all the various formats, and I've hosted them all at http://www.firecloud.org.uk/07509_centaur-webfont.extension.

I've created a file at http://www.firecloud.org.uk/centaur.css, which contains:

@font-face {
    font-family: 'Centaur';
    src: url('http://www.firecloud.org.uk/07509_centaur-webfont.eot');
    src: url('http://www.firecloud.org.uk/07509_centaur-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.firecloud.org.uk/07509_centaur-webfont.woff') format('woff'),
         url('http://www.firecloud.org.uk/07509_centaur-webfont.ttf') format('truetype'),
         url('http://www.firecloud.org.uk/07509_centaur-webfont.svg#centaurregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

In the Dreamwidth Customize wizard, I have put the font to use as "Centaur,Times New Roman,serif" in a number of fields, and I have put "http://www.firecloud.org.uk/centaur.css" as the "Embedded fonts stylesheet URL ".

And yet, I'm still seeing this text display in Times New Roman.

Help! What am I missing?

Thanks :-)
 

Comments

[swaldman]

Ah HA! That fixed it, thank you.

Now I'm trying to add to it to make it use the Adobe Centaur font (which is nicer) if the user has that installed, and use the free webfont if not. I've set the hosted version to chmod 000 so that I can see what I'm doing, and I'm trying out src: local statements in the css file. And it only works in Chrome, not Firefox. Does firefox not pay attention to src:local or something?

I've got rid of the IE-fixing stuff for now for simplicity, and the css I'm trying is:

@font-face {
    font-family: 'Centaur';
    src: local('Centaur'), local('Centaur Regular'),
         url('http://www.firecloud.org.uk/07509_centaur-webfont.woff') format('woff'),
         url('http://www.firecloud.org.uk/07509_centaur-webfont.ttf') format('truetype'),
         url('http://www.firecloud.org.uk/07509_centaur-webfont.svg#centaurregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

EDIT: But now it's working... I suspect there is some caching going on here and confusing things, either by the browsers or by DW's cssproxy. Ah well, it seems to work for now...

[exor674]

Yeah, DW's cssproxy caches the cleaned content for 5 minutes ( unless you have a no-caching specified in the http headers, so next time you want to mess with things, set that first and wait for it to expire! ).

[swaldman]

Fair enough, that would make sense :-)