Fonts are not rendered on a webpage

Question

I've created a web-version of the Lato font using Font Squirrel.

I've also setup a test-suite in Plunker in order to test and debug it.

Some fonts are not rendered:

• SVG is not rendered in Safari 5.1 (both on Windows and on OS X)
• EOT is not rendered in Internet Explorer 11

When rendering EOT in IE 11 I'm getting an "unknown error" in debugging console.

Compatibility tables:

• EOT
• SVG

What can be the reason for this? How do I fix it?

Answer 1

Concerning the EOT it's probably coming from the file itself. Try ttf2eot instead of FontSquirrel.

For the error itself check this comment and, if it's happening for previous versions of IE, this blog post as well.

Safari 5.1 supports WOFF so the problem is moot since it should be picked up before in your @font-face rule.