Question

我下载了一些otf字体，然后使用：https://onlinefontconverter.com将它们转换为eot但是当我在IE8中查看该网站时，字体不显示（它们显示在Chrome，Firefox，Opera，Android中）。我的代码或eot都必须出错。有谁知道什么是错的？

（在此下载Roboto：http://www.fontsquirrel.com/fonts/roboto）

（在此处转换：https://onlinefontconverter.com）

styles.css的

@font-face
{
    font-family: RobotoCondensed;
    src: url("Roboto-Condensed.eot");
}

@font-face
{
    font-family: RobotoCondensed;
    src: url("Roboto-Condensed.ttf");
}

.myDiv
{
    font-family: RobotoCondensed, Arial, Helvetica;
    font-size: 10px;
    color: #e8e8e8;
}

index.html（相关代码）

<div class="myDiv">Some font in here that shows incorrectly as Arial!</div>

样式表和字体位于同一文件夹中。

Answer 1

感谢所有帮助。看起来问题是字体转换器。 eot文件未被IE识别为有效。感谢“Joel Eckroth”建议我尝试其他转换器。

Answer 2

试试这个

        @font-face
    {
        font-family: 'RobotoCondensed';
        src: url('Roboto-Condensed.eot');
  src: url('Roboto-Condensed.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Condensed.woff') format('woff'),
         url('Roboto-Condensed.ttf') format('truetype'),
         url('Roboto-Condensed.svg#') format('svg');

}

    .myDiv
    {
        font-family: RobotoCondensed, Arial, Helvetica;
        font-size: 10px;
        color: #e8e8e8;
    }

Answer 3

我遇到了问题，没有多少调整和网络研究帮助了在我编辑 head 标记以包含 meta 之前


<head>

   <meta http-equiv="Content-type" content="text/html;charset=utf-8"/>

</head>

元标记解决了问题，每个变体都有效！
变化1


<style type="text/css">

  @font-face

  {

    font-family: 'SolaimanLipi';

    src: url('SolaimanLipi.eot');

    src: local('SolaimanLipi'),url('SolaimanLipi.ttf') format('truetype');

  }

  @font-face

  {

    font-family: 'Yogesh';

    src: url('CDACOTYGN.eot');

    src: url('CDACOTYGN.ttf') format('truetype');

  }

</style>

变化2


<style type="text/css">

  @font-face{

    font-family: 'solaimanlipi';

    src: url('cdacotygn-webfont.eot');

    src: url('cdacotygn-webfont?#iefix') format('embedded-opentype'),

         url('solaimanlipi-webfont.woff') format('woff'),

         url('solaimanlipi-webfont.ttf') format('truetype'),

         url('solaimanlipi-webfont.svg#webfont') format('svg');

  }

  @font-face {

    font-family: 'cdacotygn';

    src: url('cdacotygn-webfont.eot');

    src: url('cdacotygn-webfont.eot?#iefix') format('embedded-opentype'),

         url('cdacotygn-webfont.woff') format('woff'),

         url('cdacotygn-webfont.ttf')  format('truetype'),

         url('cdacotygn-webfont.svg#svgFontName') format('svg');

  }

</style>

我们认为复杂但通常在大海捞针在其他地方头 meta 标签

您可以尝试查看来源
http://www.weloveseppa.com/jnc/jncTryBangla.html
http://www.weloveseppa.com/jnc/try1/jncTryBangla.html

适用于所有浏览器，包括旧的IE8

Answer 4

尝试

font-family: "RobotoCondensed", Arial, Helvetica;

引号应强制它作为您的主要选项

为什么IE8没有加载我的eot文件？

4 个答案: