2

我设法使用了一种自定义字体，该字体适用于每个值得称为“浏览器”的浏览器。和往常一样，很酷的东西不适用于 ie（在本例中为 ie9）。

我尝试了以下方法：

@font-face { font-family: Roboto; src: url('../fonts/roboto/Roboto-Regular.ttf');}

在我在谷歌上找到了一些提示后，我尝试了： 

@font-face { font-family: Roboto; src: url('../fonts/roboto/Roboto-Regular.ttf');
                              src: url('../fonts/roboto/Roboto-Regular.ttf#') format('truetype');
                              font-weight: normal;
                              font-style: normal;}

仍然没有成功。好吧，据我所知，这个问题不会有“好的”解决方案，但也许有人发现了另一个糟糕的方法，即让我摆脱另一个痛苦的方法。

4

4 回答 4

12

您需要添加格式 .eot 才能被 IE9 识别。

@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 */
    }

来源

于 2013-05-23T10:05:39.610 回答
3

你应该看看松鼠

它可以让您转换您使用正确代码等上传的字体。效果很好！

还要将 ?#iefix 放在第二个 src: url 后面，请参阅此链接以获取正确的代码：来自“kraftwer1”的问题

于 2013-05-23T10:16:08.423 回答
1

只需从Google 字体提供字体- 单击该页面右上角的“在 Google 字体中打开”，选择您的选项，然后在最后复制/粘贴生成的输出。节省您的带宽和头痛，它会工作。

要仅使用常规尺寸，请在您的页面中 c/p <head>：

<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>

或者从您的 CSS 文件中：

@import url(http://fonts.googleapis.com/css?family=Roboto);

或者在运行时使用 Javascript 加载它：

<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Roboto::latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); </script>
于 2013-05-23T10:09:48.857 回答
0

这个问题的答案表明IE9只支持format('woff')你试过这个吗？

@font-face 适用于 IE8 但不适用于 IE9

于 2013-05-23T10:06:52.317 回答