0

我已经尝试了这里和其他地方提供的所有其他解决方案，但我仍然遇到在 ie9 中加载 webfonts 的问题。

对 .htaccess 文件实施了修复：

<FilesMatch "\.(ttf|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>

在 ie 开发者控制台中没有收到任何 css3 错误消息。

事情是当初始页面加载时，字体不会加载，但是当我导航到网站上的任何其他页面时，字体就会加载。如果我回到初始页面，字体现在也会加载。

感觉就像我已经尝试了我能在网上找到的所有东西。

这是我的CSS：

/** FONTS **/

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


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

这是网站的链接！

谢谢

4

2 回答 2

0

尝试使用绝对 URL

@font-face { font-family: 'UniversUltraCondensedRegular'; src: url('../fonts/univers-ultracondensed-webfont.eot');

变成

@font-face { font-family: 'UniversUltraCondensedRegular'; src: url('http://www.yourdomain.com/fonts/univers-ultracondensed-webfont.eot');
于 2013-09-12T10:48:58.640 回答
0

理论上，您提供的 CSS 应该可以工作。很可能，您的问题是由于使用了错误的路径或对字体文件具有错误的文件权限引起的。

如何解决这个问题：

首先，如果您使用绝对路径（如zaba建议的那样），请测试一切是否正常。

  • 如果这确实有效，则意味着您的路径不正确。在这种情况下，请确保路径相对于包含该@font-face语句的 CSS 文件。

  • 如果这不起作用，那么您的问题可能与pathname. 在这种情况下，请检查您的字体文件及其所在文件夹的文件权限是否正常。

于 2016-01-24T19:35:49.830 回答