CODEWITHSUNDEEP
htmlinternet-explorersvgfontsbase64
Enrique Muñoz López
Enrique Muñoz López

Reputation: 143

Embedding a base 64 truetype font with @font-face in a svg file, does not work in IE

I have a standalone SVG document without any external dependencies. I'm using a custom font embedded in base64.

I am embedding the font using @font-face like that:

@font-face{font-family:'a_e2ef524fbf3d9fe611d5a8e90fefdc9c';src:url(data:font/truetype;charset=utf-8;base64,[BASE64_CODE])format('truetype');font-weight:normal;font-style:normal;}

The font renders well in Chrome and FireFox but not in Internet Explorer (any version).

The windows properties shows that the font is installable.

I would appreaciate any help. Thanks in advance!

Upvotes: 2

Views: 242

Answers (1)

Enrique Muñoz López
Enrique Muñoz López

Reputation: 143

I already solved this issue, the problem was the length of the font name (a_e2ef524fbf3d9fe611d5a8e90fefdc9c).

It seems IE do not like names with more than 31 characters... I just change name to "aaa" and the font renders fine!

See here for an example (open it with IE).

Upvotes: 1

Related Questions