一尘不染

使Adobe字体与IE9中的CSS3 @ font-face一起使用

css

我正在构建一个小型Intranet应用程序,并且尝试使用我最近购买的 Adobe字体
没有任何运气。据我了解,在我们的情况下,这不是违反许可证的行为。

我将字体的.ttf / .otf版本转换为.woff,.eot和.svg,以便针对所有主要浏览器。 我使用的@ 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* 下托管我的网站(字体也是,但在单独的目录和子域中用于静态内容) *


阅读 365

收藏
2020-05-16

共1个答案

一尘不染

我只能向您解释如何解决“ CSS3114”错误。 您必须更改TTF文件的嵌入级别。

使用适当的工具,可以将其设置为 允许安装的嵌入

2020-05-16