I have a css file with a font-face section in it. Are there any known issues around using minification tools from google/yahoo when applying them on a css file with a font-face section. If so, what are some of the workarounds that could be explored. Not minifying is an option though I would prefer to minify the non font-face section, even if it means creating two separate files, one with non font-face css and one with font-face. However, I am wondering if anyone has a suggested way of dealing with this without resorting to two separate HTTP requests for the CSS files. Thanks in advance for your input/suggestions.
closed as not constructive by Su', Lèse majesté, danlefree Feb 16 '13 at 5:35
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.If this question can be reworded to fit the rules in the help center, please edit the question.
I took the font face declaration from this page http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/
And ran it through yui-compressor
It appears that the minimized css will work just fine in this case.
Edit: It doesn't appear that you should be worried about base64 encoded data in font face src urls either. I ran the css from this example page http://robert.accettura.com/wp-content/uploads/2009/07/embedded-font-face.html through yui-compressor, pasted it back into the file and opened it in my browser without any problems.