replace a font w/ @fontface


Author Message
jazzy

Posted: 12/3/2012
Quote message 

Hi -

I'm using font embedding of a custom font - works fine when I edit the CSS file in an editor, but I'd like to have it also appear in Artisteer as I'm editing the theme. any ideas?
 
jazzy

Posted: 12/3/2012
Quote message 

figured it out - needed to add/installtffbq the font to windows font folder, then it was available in artisteer.
 
jazzy

Posted: 12/3/2012
Quote message 

also forgot - you need to upload your fonts inside your theme folder, in this case, let's name the folder "fonts" (duh).

then, in export options, add the CSS fior your @fontface::

@font-face {
font-family: 'Jenna Sue';
src: url('fonts/JennaSue-webfont.eot');
src: url('fontsJennaSue-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/JennaSue-webfont.woff') format('woff'),
url('fonts/JennaSue-webfont.ttf') format('truetype'),
url('fonts/JennaSue-webfont.svg#JennaSueRegular') format('svg');
font-weight: normal;
font-style: normal;

}

hope this helps fols looking for a great solution