-1

可能重复:
我们如何在 LESS 类型的 CSS 中使用 @font-face

考虑到现代浏览器及其最新版本(对于打算供将来使用的网站),这种带有 ttf、svg 和 eot 的字体定义会是 FF、IE、Chrome 和 Safari 的最佳解决方案吗?

以下是保证兼容性的最佳最小版本吗?换句话说,现在可以删除 svg 和 eot 还是 IE 仍然需要 eot 无法读取 ttf?

        @font-face {
            font-family: 'Somefont Regular';
            src: url('somefont.eot');
            src: local('Somefont Regular'), 
                 local('Somefont'), 
                 url('somefont.ttf') format('truetype'),
                 url('somefont.svg#font') format('svg'); 
4

1 回答 1

2

神奇的 Paul Irish 在 2010 年的某个时候写了一篇关于@font-face跨浏览器/跨平台支持 的文章。值得一试。

另外,这里有一些我经常使用的代码:

@font-face {
    font-family: 'Museo';
    src: url('museo_slab_500-webfont.eot');
    src: url('museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('museo_slab_500-webfont.woff') format('woff'),
         url('museo_slab_500-webfont.ttf') format('truetype'),
         url('museo_slab_500-webfont.svg#Museo') format('svg');
    font-weight: normal;
    font-style: normal;
}
于 2012-08-15T14:54:05.557 回答