homepage Welcome to WebmasterWorld Guest from 184.73.52.98
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Website
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: DrDoc

CSS Forum

    
Optimizing fonts used in @font-face
ocon




msg:4445192
 11:39 am on Apr 25, 2012 (gmt 0)

I'm trying to make my website more accessible, so instead of using techniques to replace text with pictures I'm using CSS's @font-face:

@font-face{font-family:font_name;src:url("/fonts/font_name.ttf");}
@font-face{font-family:font_name_bold;src:url("/fonts/font_name_bold.ttf");}

This is working great for me, but the only problem is my fonts are very large and contains many characters that are unneeded.

I'm wondering how I can edit these font packages to remove many of the characters I don't need. Also, I currently use two different font packages: one regular and one bold. Is there a way to merge these two into one so if I need a bold character it uses the correct glyph instead of just synthesizing it?

Lastly, once I have a repackaged font, how can I convert it to an EOT file?

 

alt131




msg:4449371
 12:57 pm on May 4, 2012 (gmt 0)

Hi Ocan, a search on something like "editing .ttf" and convert .ttf to .eot" should bring up free and pay-for applications that will allow you to edit, merge and convert font files.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved