html - 字体未在Safari中的iPhone上显示

我的字体未在iPhone的Safari中显示。我可以选择并复制文本，但是什么也看不到？

这是我正在使用的字体代码：

@font-face {font-family:'TheSerifBoldPlain'; src: url('fonts/TheSerifBoldPlain.eot'); src: url('fonts/TheSerifBoldPlain.eot') format('embedded-opentype'), url('fonts/TheSerifBoldPlain.woff2') format('woff2'), url('fonts/TheSerifBoldPlain.woff') format('woff'), url('fonts/TheSerifBoldPlain.ttf') format('truetype'), url('fonts/TheSerifBoldPlain.svg#TheSerifBoldPlain') format('svg');font-weight: normal;font-style: normal;}

它仅在iPhone上不起作用。

最佳答案

我认为是因为您的字体的.eot扩展名
请检查一下

http://caniuse.com/#search=eot

使用woff更好，因为它支持不同的浏览器