A few weeks ago, a coworker of mine ran into some font issues. Firefox
doesn’t allow cross-origin requests for web fonts, and he was using a tool
called Font Squirrel to generate fonts, including data URIs.
Embedding a data URI for a font (or image) inside a CSS file is a common
Drop64 is an easy drag-and-drop tool for generating Data URIs from any
Check it out at drop64.com.
Here’s a demo recording of how easy it is.
Some benefits of Data URIs are:
Fewer HTTP requests means faster page loads
avoid cross-origin resource loading issues (fonts in F…