Super User is a question and answer site for computer enthusiasts and power users. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I want to batch encode several .otf font files into a single CSS file. To my understanding, base64 embedded .otf fonts can be read by most browsers. Since Font-Squirrel's @font-face generator doesn't support direct base64 encoding of .otf files, I'll have to encode the fonts myself.

I found this method of using openssl in the OS X terminal to base64 encode files one at a time--and that only outputs them to individual files. Is there a way to batch encode them straight into a single CSS file?

share|improve this question
    
This would go well on webmasters.se – afrazier Feb 9 '12 at 22:46
up vote 0 down vote accepted

Check out http://www.spritebaker.com.

*Right now, SpriteBaker only encodes the first web-font file specified by each 'src' attribute in a @font-face declaration. That shouldn't be a problem. If you're batch encoding web-font files into CSS, you should only encode one web-font file per CSS file. Then you should deliver a targeted CSS file to each browser.

share|improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .