-1

我正在使用这个 css，但它不能正常工作。

@font-face {
 font-family: OpenSans-Bold;
 src: url('../design_images/font/OpenSans-Bold.eot'); /* EOT file for IE */
 font-weight:normal;
 font-style:normal;

}
@font-face {
 font-family: OpenSans-Regular;
 src:url('font/OpenSans-Regular.eot');
 font-weight:normal;
 font-style:normal;

}

@font-face {
 font-family: Oswald-Regular;
 src: url('font/Oswald-Regular.eot');
 font-weight:normal;
 font-style:normal;

}
@font-face {
 font-family:OpenSans-Regular;
 src: url('font/OpenSans-Regular.ttf'); /* TTF file for CSS3 browsers */
 font-weight:normal;
 font-style:normal;
}
@font-face {
 font-family:OpenSans-Bold;
 src: url('font/OpenSans-Bold.ttf');
 font-weight:normal;
 font-style:normal;
}
@font-face {
 font-family: Oswald-Regular;
 src: url('font/Oswald-Regular.otf');
}

.newr {
        font-family:Oswald-Regular;
        font-size:20px;
        font-style:normal;
        font-smooth:Crisp;
        font-weight:normal;
        color:#f9e211;
        text-transform:uppercase;
        margin:21px 0 0 25px;
    }
4

3 回答 3

2

有时，我将常规字体转换为 webfonts 以使它们看起来更平滑和更干净，并将它们添加到我的 CSS 中，如下所示：

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

搜索 @font-face Generators 以生成您想要的字体。

于 2013-02-19T09:58:55.933 回答
1

用这个：

@font-face{
   font-family: fontFamilyNameHere ;
   src: url(.eot file path here); /* For IE */
   src: local("fontNameHere"), url(.ttf file path here) format("truetype"); /* non-IE */ 
   font-weight:normal;
   font-style:normal;
}
于 2013-02-19T09:58:48.350 回答
0

看起来您的 src 属性中有两个不同的路径。一个是

src: url('../design_images/font/OpenSans-Bold.eot'); /* IE 的 EOT 文件 */

其他的是

src:url('字体/OpenSans-Regular.eot');

为什么一条路径链接到../design_images/font/而另一条路径链接到font/？这可能是您的问题，取决于您的目录结构。只是想我会指出这一点。

于 2013-02-19T10:05:05.540 回答