CSS字体网址无效？

林有一些麻烦与@字体面选择，我有以下...CSS字体网址无效？

@font-face { 
    font-family: 'MuseoSans-700'; 
     src: url('http://mysite.co.uk/clients/reload/Images/style_159306.eot'); 
     src: url('http://mysite.co.uk/clients/reload/Images/style_159306.eot?#iefix') format('embedded-opentype'), 
      url('style_159306.woff') format('woff'), 
      url('style_159306.ttf') format('truetype'); 
    }

只有我的字体的arent渲染，而是我是在我的显示回落，Arial字体。

如果我把url粘贴到我的浏览器的字体中，它会要求我下载，所以我知道这些链接是正确的，有没有什么我在做错了上述？

林调用使用字体...

h1 { 
color:#272727; 
font:108px 'MuseoSans-700',Helvetica,Arial,sans-serif; 
letter-spacing:-7px; 
}

感谢

来源

2011-11-12 Liam

您正在使用哪种浏览器？ –

Firefox，Ive也在Chrome中进行了测试 – Liam

Nevermind现在似乎在Chrome中工作，任何想法为什么FF不会渲染它？ – Liam

看看这篇关于bullet-proof @ font-face语法的文章。 http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/

你也没有指定它正在工作或没有工作的浏览器，所以我认为它没有在任何工作。

来源

2011-11-12 13:54:31 Strelok

.eot是Internet Explorer。
尝试杂项文件

因此，在实践中，你需要有两个，像

例如

@font-face { 
    font-family: 'MuseoSans-700'; 
src: url('http://mysite.co.uk/clients/reload/Images/style_159306.eot'); 
src: url('http://mysite.co.uk/clients/reload/Images/style_159306.otf'); 
}

一个很好的教程是在这里：http://www.evotech.net/blog/2010/01/font-face-browser-support-tutorial/

Strelok的参考保罗爱尔兰的文章也很不错。

来源

2011-11-12 13:53:01

CSS字体网址无效？

回答

相关问题