Question

测试您的第一个网站http://sham62.ru/。在除IE 11之外的所有浏览器中，它都能正确显示，但在IE 11中，样式不适用于文本，机构的地址会滑落。请告诉我如何解决它？

Answer 1

因为您编写@font-face规则的方式：

@font-face {
    font-family: Aladdin;
    src: url(../fonts/aladdin.ttf);
}

与IE不兼容。

如果您想支持不同的浏览器，请按以下方式编写：

@font-face {
    font-family: 'YourWebFontName';
    src: url('YourWebFontName.eot'); /* IE9 Compat Modes */
    src: url('YourWebFontName.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('YourWebFontName.woff') format('woff'), /* Modern Browsers */
         url('YourWebFontName.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('YourWebFontName.svg#YourWebFontName') format('svg'); /* Legacy iOS */
}

您可能需要一些工具（如Font Squirrel Generator）来生成字体文件。或者你可以从Google Fonts抓一个。

IE 11中显示不正确

1 个答案: