IE 11中的顯示不正確

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中抓取一個。