自定义字体嵌入不起作用跨浏览器

我有一个自定义字体“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。

来源

2012-04-21 Hugo Cornellier

http://www.fontsquirrel.com/fontface – 2012-04-21 15:39:50

什么是'.TFF '字体？ '.ttf'扩展名对于TrueType来说更为正常。 – robertc 2012-04-21 15:42:09

而该网页的网址是...？ – 2012-04-21 15:42:52

@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类型（其它Web服务器），这只会工作：

.woff - application/x-font-woff 
.svg - application/x-font-woff

来源

2012-04-21 15:47:49

我知道这一点，但我如何将我的字体转换为.woff和.svg？ – 2012-04-21 15:51:57

@HugoCornellier，用[字体转换器]（http://www.google.com/search?rls=zh-CN&q=font+conversion）转换字体。 – Sparky 2012-04-21 15:56:24

他们都说我的字体的文件大小太大了。任何方式来缩小文件的大小，然后转换它？不幸的是，该文件是> 10MB。 – 2012-04-21 16:00:48

除非您可以获取各种浏览器所需的各种格式的字体，否则无法执行此跨浏览器。该CSS to use如下：

@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，woff，ttf和svg格式的字体。

来源

2012-04-21 15:43:26

什么是最简单的方法来实现这些转换，而不使用FontSquirrel？ – 2012-04-21 15:52:17

我不知道，但它[不难找出]（https://www.google.com/search?q=font+converter）。 – 2012-04-21 15:53:52

他们都说我的字体文件大小太大。任何方式来缩小文件的大小，然后转换它？不幸的是，该文件是> 10MB。 – 2012-04-21 16:01:13

自定义字体嵌入不起作用跨浏览器

回答

相关问题