更新:我写了一篇关于这个问题的博客文章。 我仍然不完全了解它,但希望有人会阅读这个问题,并在我的问题上说一些: http : //andymcfee.com/2012/04/04/icon-fonts-pseudo-elements-and-ie8 我有一个页面,我正在使用@ font-face导入图标的自定义字体。 图标是用一个类创build的: .icon {font-family: 'icon-font';} .icon:before {content: 'A';} 瞧,我有什么图标用于“A”。 相当标准的东西,适用于所有的浏览器,包括IE8。 但是,在IE8中,我有一个奇怪的错误。 页面加载时,字体不起作用。 我没有图标,而是到处都有信件。 一旦我将鼠标hover在页面(正文)上,一半的字母就会变成图标。 其余的人在我盘旋时变成了图标。 所以字体正确embedded。 font-family和content属性都可以正常工作,但其他的东西只会导致图标只能在hover后加载。 所以当你尝试使用字体:before {content:'a'}时,在IE8中会出现一些类似于@ font-face的错误,但我不知道这个错误是什么。 我在这里search了几个小时,发现类似的bug / IE8问题,但是我没有运气,而且我要疯了。 有什么build议么? 让我知道,如果我可以提供更多的信息,可能会有所帮助。 编辑:更新到博客post的断开的链接。
我试图让Internet Explorer呈现我漂亮的字体。 这不起作用。 他们在Firefox中工作正常,我可以在我的Apache访问日志中看到,IE已经拉动了字体。 所以它parsing了font-face CSS标签,而不是渲染它们。 我用来转换字体的网站是: http : //www.kirsle.net/wizards/ttf2eot.cgi 。 我尝试了微软的WEFT工具,但是它不能正常工作。 安装并打开之后,它说:“第一次运行它,这样做…”,然后不断绞死。 这是我的CSS: @font-face { font-family: 'HelveticaLTCN'; src: url('HelveticaNeueLTCom-LtCn_0.eot'); src: local('HelveticaNeuel TCom LtCn'), url('HelveticaNeueLTCom-LtCn_0.ttf') format('TrueType'); } 任何想法,为什么IE不呈现字体? 编辑:还应该提到,我打电话给字体: p .mytext { font-family: HelveticaLTCN; }
我正在构build一个小型Intranet应用程序,并尝试使用最近购买的Adobe字体 。 据我所知,在我们的情况下,这不是一个许可证违规。 我将.ttf / .otf版本的字体转换为.woff,.eot和.svg,以便定位所有主stream浏览器。 我使用的@ font-face语法基本上是来自Font Spring的防弹工具: @font-face { font-family: 'MyFontFamily'; src: url('myfont-webfont.eot'); src: url('myfont-webfont.eot?#iehack') format('eot'), url('myfont-webfont.woff') format('woff'), url('myfont-webfont.ttf') format('truetype'), url('myfont-webfont.svg#svgFontName') format('svg'); } 我修改了HTTP头(添加了Access-Control-Allow-Origin =“*”)以允许跨域引用。 在FF和Chrome中,它完美的工作,但在IE9中,我得到: CSS3111: @font-face encountered unknown error. myfont-webfont.woff CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable. myfont-webfont.ttf 我注意到,当从.ttf / .otf字体转换为.woff我也得到一个.afm文件,但我不知道是否重要或不重要… 任何想法如何解决? [编辑] – 我在IIS 7.5下托pipe我的网站(也是字体,但在静态内容的单独目录和子域下)