Css @字体在IE7中不起作用_Css_Internet Explorer 7_Font Face

Css @字体在IE7中不起作用

css

Css @字体在IE7中不起作用,css,internet-explorer-7,font-face,Css,Internet Explorer 7,Font Face,我正在尝试所有这些不同的方法： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"&

我正在尝试所有这些不同的方法：

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>

    <style type="text/css">
    @font-face {
        font-family: "cursivas";
        src: url(Freestyle.ttf) format("truetype");
    }
    @font-face {
        font-family: "tabs";
        src: url(FrutigerLTStd-Bold.otf) format("truetype");
    }
    @font-face {
        font-family: 'topMenuFont';
        src: url('frutigerltstd-bold-webfont.eot');
        src: url('frutigerltstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
             url('frutigerltstd-bold-webfont.woff') format('woff'),
             url('frutigerltstd-bold-webfont.ttf') format('truetype'),
             url('frutigerltstd-bold-webfont.svg#FrutigerLTStd65Bold') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    p.customfont { 
        font-family: "cursivas";

    }
    p.tabs{
        font-family:'tabs';color:#8e8e8e;
    }
    p.menu{
        font-family:'topMenuFont';
    }
    p{
    font-size:30px;
        color:#8e8e8e;
    }
    </style>
    </head>
    <body>

    <p class="customfont">FAMILIAS  <span style="color:blue">RESERVAS</span></p>
    <p class="tabs">FAMILIAS  <span style="color:blue">RESERVAS</span></p>
    <p class="menu">FAMILIAS <span style="color:blue">RESERVAS</span></p>
    <p>FAMILIAS <span style="color:blue">RESERVAS</span></p>
    </body>

</html>


@字体{
字体系列：“cursivas”；
src:url（Freestyle.ttf）格式（“truetype”）；
}
@字体{
字体系列：“制表符”；
src:url（frutigerlttd Bold.otf）格式（“truetype”）；
}
@字体{
字体系列：“topMenuFont”；
src:url（'frutigerlttd-bold-webfont.eot'）；
src:url（'FRUTGERTTSTD-bold-webfont.eot？\iefix'）格式（'embedded-opentype'），
url（'frutigerlttd-bold-webfont.woff'）格式（'woff'），
url（'frutigerlttd-bold-webfont.ttf'）格式（'truetype'），
url（'frutigerltstd-bold-webfont.svg#frutigerltst65bold'）格式（'svg'）；
字体大小：正常；
字体风格：普通；
}
p、 自定义字体{
字体系列：“cursivas”；
}
p、 标签{
字体系列：'tabs'；颜色：#8e8e；
}
p、 菜单{
字体系列：'topMenuFont'；
}
p{
字体大小：30px；
颜色：#8e8e8e；
}
家庭预订
家庭预订
家庭预订
保留家族

路径是可以的，因为它们都在FF中工作

你知道我遗漏了什么吗？

如果我没记错的话，IE 7只支持带有@font-face的EOT，而不支持TTF。

试试下面描述的语法：

从fontsquirrel.com获得链接，他们将其用于所有生成的字体。您还可以查看生成的字体（它仅显示您使用的浏览器的字体）

并将其加载到外部css文件中，这也可能解决一些问题。

但我也在导入它，不是吗？我将所有内容都视为默认字体（我猜是arial）。您导入EOT格式时只使用FrutigerTSTD bold webfont字体，而不使用Freestyle等其他字体。因此，为所有字体生成eot字体，但仍不起作用。这就是为什么我尝试使用不同的字体和设置。

@font-face {
font-family: 'MyFontFamily';
src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
     url('myfont-webfont.woff') format('woff'), 
     url('myfont-webfont.ttf')  format('truetype'),
     url('myfont-webfont.svg#svgFontName') format('svg');
}