How do I serve multiple fonts in one HTTP request?

Question

How do I serve multiple fonts, in different font files, to the client in one request/response? I'm using .woff files.

Is it possible to combine font files into one file?

Answer 1

In your css, each font-face should have it's own URL, so basically the answer would be no you can't.

But what you could do is to embed each of your font in a base64 url. Meaning the data of the fonts will be integrated inside the css file. All of them keeping their own local url, with no need to do extra http requests.

see http://robert.accettura.com/blog/2009/07/03/optimizing-font-face-for-performance/