When we produce a PNG image, we use an tag or a CSS background, and that’s about it. It is dead simple and guaranteed to work.
PNG is way simpler to use in HTML than SVG
Unfortunately, the same cannot be said for SVG, despite its many advantages. Although you’re spoiled for choices when using SVG in HTML, it really boils down to inline, <object> and <img>, all with serious gotchas and trade-offs.
Problems with inline SVG…
The post Using Custom Fonts With SVG in an Image Tag appeared first on CSS-Tricks.