ocon - 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?