CSS3 font-face古いブラウザの互換性+ローカルフォント

Question

インターネットでもスタックオーバーフローでも調べましたが、多くの人がこのトピックをカバーしていたとしても、効果的な方法はわかりません。

可能な限り最大限の互換性範囲でCSS3フォントフェースを使用し、使用しているウェブフォントがすでにデバイスにインストールされているかどうかを確認します。そうであれば、それをダウンロードする代わりにブラウザで使用してください。

これは私の試みです。もちろん、期待どおりに動作していません。 たとえば、Firefoxは私のwebfontのwoff2バージョンをダウンロードします。

@font-face{ 
    font-family: mplus-1c; 
    src: local('M+ 1c regular'), 
     local ('mplus-1c-regular'); 
    src: url('../fonts/mplus-1c-regular-webfont.eot'); 
    src: url('../fonts/mplus-1c-regular-webfont.eot?#iefix') format('embedded-opentype'), 
     url('../fonts/mplus-1c-regular-webfont.woff2') format('woff2'), 
     url('../fonts/mplus-1c-regular-webfont.woff') format('woff'), 
     url('../fonts/mplus-1c-regular-webfont.ttf') format('truetype'), 
     url('../fonts/mplus-1c-regular-webfont.svg#m_1cregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

Answer 1

Mr Listerはまさに正しいです！ はまた、私が働いてからの彼の提案を防ぐ非常に愚かな構文エラーが見つかりました：

local ('mplus-1c-regular'); 

は

local('mplus-1c-regular'); 

愚かな私にされている必要があります。

ありがとう、リスターさん！

@font-face{ 
    font-family: mplus-1c; 
    src: url('../fonts/mplus-1c-regular-webfont.eot'); 
    src: url('../fonts/mplus-1c-regular-webfont.eot?#iefix') format('embedded-opentype'), 
     local('M+ 1c regular'), 
     local('mplus-1c-regular'), 
     url('../fonts/mplus-1c-regular-webfont.woff2') format('woff2'), 
     url('../fonts/mplus-1c-regular-webfont.woff') format('woff'), 
     url('../fonts/mplus-1c-regular-webfont.ttf') format('truetype'), 
     url('../fonts/mplus-1c-regular-webfont.svg#m_1cregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}