Internet Explorer 11 和支持的网络字体 [英] Internet Explorer 11 and supported web fonts

问题描述

我正在使用 TTF 和 OTF 网络字体来捕获大多数设备上的所有主要浏览器(FireFox、Chrome 和 IE11).一切看起来都很好，在重新定位到生产服务器之前，IE 不想显示我的图标.

I'm using a TTF and OTF web font to catch all major browsers(FireFox, Chrome and IE11) on most devices. It all looks fine, before relocation to the production server and then IE doesn't want to show my icons.

我猜，Redmond 的大脑有某种功能可以阻止它通过 Internet 工作，因此它只能在本地主机上工作.

I guess, the brains in Redmond have some kind of feature to stop this working over the Internet, so it works from localhost only.

这里有什么交易?我需要为 IE 使用哪种字体类型?

What's the deal here? What kind of font type do I need to use for IE?

推荐答案

这是使用@font-face、hacky 修复和所有加载的标准方式 -

This is the standard way of loading with @font-face, hacky fixes and all -

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

嘿，请检查兼容性表以支持 EOT，检查这些链接 -

hey please check the Compatibility tables for support of EOT, check these links -

链接 1

链接 2

这篇关于Internet Explorer 11 和支持的网络字体的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！