and will show regular image. I meant it! In the case of SVG fonts, the URL points to an element within a document containing SVG font definitions. But could this be so simple? As with other URLs in CSS, the URL may be relative, in which case it is resolved relative to the location of the style sheet containing the @font-face rule. You can use normal stuff like :hover though. I am then including the logo using the method. An alt attribute allows a user to view the image description, even when it fails to render on a device, in addition to providing context for search engines. That’s it and it works great! The examples below embed the SVG code directly into the HTML code. I even converted my logo to an svg — the language seems straightforward enough. Cool article though, thanks, For IE7 – 8 and crossbrowers there is You can change the size of it though just by selecting the img and changing its width or height, again like you could a PNG or JPG. This only works with