: Suggested ways of handling font-face and minification 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

@Megan663

I took the font face declaration from this page paulirish.com/2009/bulletproof-font-face-implementation-syntax/ @font -face {
font-family: 'Graublau Web';
src: url('GraublauWeb.eot?') format('eot'), url('GraublauWeb.woff') format('woff'), url('GraublauWeb.ttf') format('truetype');
}


And ran it through yui-compressor
@font -face{font-family:'Graublau Web';src:url('GraublauWeb.eot?') format('eot'),url('GraublauWeb.woff') format('woff'),url('GraublauWeb.ttf') format('truetype')}


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 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.

Vote Up Vote Down