Css 自定义字体嵌入无法跨浏览器工作

我的网站mangodownload.com中嵌入了“Gulim”，这是一种自定义字体（你可以在主页上看到它，如果你看到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。

除非您可以获得各种浏览器所需的各种格式的字体，否则无法跨浏览器执行此操作。详情如下:

@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

格式中的字体。

除非您可以获得各种浏览器所需的各种格式的字体，否则无法跨浏览器执行此操作。详情如下:

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

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

如您所见，您需要

eot

、

woff

、

ttf

和

svg

格式的字体

@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（其他Web服务器）中添加以下MIME类型时，此操作才有效：

仅当在IIS（其他Web服务器）中添加以下MIME类型时，此操作才有效：

---

---

什么是

.tff

字体？对于TrueType来说，

.ttf

扩展名是更普通的扩展名。页面的URL是…？因此删除了我的链接。我会编辑它@robertc the.tff对我来说是个错误，抱歉。我已经修好了。什么是

.tff

字体？对于TrueType来说，

.ttf

扩展名是更普通的扩展名。页面的URL是…？因此删除了我的链接。我会编辑它@robertc the.tff对我来说是个错误，抱歉。我已经修好了。我知道这一点，但如何将我的字体转换为.woff和.svg？@HugoCornellier，用a转换你的字体。他们都说我的字体文件太大了。有没有办法缩小文件的大小，然后进行转换？不幸的是，该文件大于10mb。我知道这一点，但如何将我的字体转换为.woff和.svg？@HugoCornellier，用a转换你的字体。他们都说我的字体文件太大。有没有办法缩小文件的大小，然后进行转换？不幸的是，该文件大于10mb。不使用FontSquirrel，实现这些转换的最简单方法是什么？我不知道，但他们都说我的字体文件太大了。有没有办法缩小文件的大小，然后进行转换？不幸的是，该文件大于10mb。@HugoCornellier您可以尝试类似的方法。不使用FontSquirrel，实现这些转换的最简单方法是什么？我不知道，但他们都说我的字体文件太大了。有没有办法缩小文件的大小，然后进行转换？不幸的是，该文件大于10mb。@HugoCornellier您可以尝试以下操作。