0

我有“Gulim”，一种自定义字体，嵌入到我的网站 mangodownload.com 中（你可以在主页上看到它，如果你看到 Arial，它在你的浏览器上不起作用。）

不幸的是，这种字体不适用于许多浏览器。

这是我的字体CSS：

@font-face { 
    font-family: "Gulim";
    src: url("/style/fonts/Gulim.ttf");
    src: local("Gulim"), url("/style/fonts/Gulim.ttf") format("truetype");
}

关于为所有浏览器实现跨浏览器支持的任何想法？

请注意：我尝试过转换字体，并尝试过 FontSquirrel。我不断收到同样的信息；'字体太大'。我的gulim.ttf文件是 10mb。

4

2 回答 2

4 
@font-face {
    font-family: 'yourfunkyfont';
    src: url('fonts/yourfunkyfont.eot');
    src: url('fonts/yourfunkyfont.svg') format('truetype'),
         url('fonts/yourfunkyfont.eot?#iefix') format('embedded-opentype'),
      url('fonts/yourfunkyfont.woff') format('woff'),
      url('fonts/yourfunkyfont.ttf') format('truetype'),
      url('fonts/yourfunkyfont.svg#yourfunkyfont') format('svg');
}

仅当您在 IIS（其他网络服务器）中添加以下 MIME 类型时，这才有效：

.woff - application/x-font-woff
.svg - application/x-font-woff
于 2012-04-21T15:47:49.160 回答
0

除非您可以获取各种浏览器所需的各种格式的字体，否则无法跨浏览器进行此操作。要使用的CSS如下：

@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');
}

如您所见，您需要、eot和格式的字体。woffttfsvg

于 2012-04-21T15:43:26.913 回答