-1

重複の可能性：
LESSタイプのCSSで@font-faceを使用する方法

最新のブラウザとその最新バージョン（将来の使用を目的としたWebサイト用）を考えると、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

@font-faceマジカルなポール アイリッシュは、 2010 年にクロス ブラウザー/クロス プラットフォームのサポート に関する記事を書きました。

また、私がよく使うコードは次のとおりです。

@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 に答える