2013-04-09 59 views
3

我正在使用Zope/Plone4 CMS制作Web门户。自定义字体在Zope/Plone中的IE8中不起作用

那么,我用@font-face来声明标题的排版。代码和字体来自Font-Squirrel。 我在本地机器上制作网站(没有在我的电脑中安装字体),一切正常。 但是在Plone中,IE8根本不呈现字体。只有IE8,当IE7和IE9呈现完美(?)

我使用Google字体进行了测试。一切工作正常,所有的浏览器。

我认为这可能是因为读取/写入权限或其他因素导致的错误,因为如果我已注销,字体在任何IE中都不会呈现。 这解释了为什么Google字体可以正确渲染(字体在Plone外部托管)。但并不能说明国内唯一IE8的问题...

我在这里发布的代码,很好,我认为是无关紧要的,但如果它可以帮助...

 @font-face { 
     font-family: 'TeXGyreAdventorRegular'; 
     src: url('../font/texgyreadventor-regular-webfont.eot'); 
     src: url('../font/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'), 
      url('../font/texgyreadventor-regular-webfont.woff') format('woff'), 
      url('../font/texgyreadventor-regular-webfont.ttf') format('truetype'), 
      url('../font/texgyreadventor-regular-webfont.svg#TeXGyreAdventorRegular') format('svg'); 
     font-weight: normal; 
     font-style: normal; 
    } 

    h1 {font-family:'TeXGyreAdventorRegular'} 

我不是Zope开发并没有编程技能,不知道我是否以正确的方式寻找解决方案。我的意思是,我认为CSS是正确的,问题来自另一端。但是,在确定放弃来自本网站的自定义字体之前,我想要利用手中的所有可能性。

注意:谷歌字体的工作原理是正确的,但是我测试过的所有字体在Windows中渲染的非常糟糕,并且该网站必须非常容易访问(并且完美清晰)。我宁愿避免它。

+0

会发生什么事,作为一个匿名用户进行一次容易吗?该文件是如何添加到您的Plone网站的? – 2013-04-09 11:17:05

+0

浏览器下载字体(以及...请求我保存* .eot文件或打开它,你知道)。该文件直接从管理界面上传。 – Arkana 2013-04-09 11:42:10

+0

是的,我认为那是失败的部分。我试图确定可能的原因。 – 2013-04-09 11:43:10

回答

-1

您必须添加.oet(嵌入式Open Type)文件。这种格式是由微软15年前创建的。这是IE8及以下版本在使用@ font-face时唯一可以识别的格式。

您可以使用免费的转换器,如果您尝试直接访问`../字体/ texgyreadventor-常规webfont.eot` URL ttf2oet http://code.google.com/p/ttf2eot/

+0

正如你在问题中看到的那样,第一个字体是EOT。另外还有一个针对仅限探险者的修复。 – Arkana 2014-04-30 12:10:10