Welcome to WebmasterWorld Guest from 54.146.201.80

Forum Moderators: not2easy

Message Too Old, No Replies

Optimizing fonts used in @font-face

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

Full Member

5+ Year Member Top Contributors Of The Month

joined:Sept 30, 2009
posts:222
votes: 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?
12:57 pm on May 4, 2012 (gmt 0)

Senior Member

WebmasterWorld Senior Member 5+ Year Member

joined:Aug 9, 2008
posts: 961
votes: 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.
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members