2016-10-05 15 views
5

Google's "Noto Color Emoji"フォントをダウンロードしましたが、動作させることはできません。私は "Noto Sans Regular"のようなフォントに問題はありません。しかし、「能登色の絵文字」フォントと私は(Windowsの10の)Firefoxで次のエラーを取得:ウェブサイトで絵文字フォントを使用するには?

downloadable font: no supported glyph shapes table(s) present (font-family: "NotoColorEmoji" style:normal weight:normal stretch:normal src index:0) 
downloadable font: rejected by sanitizer (font-family: "NotoColorEmoji" style:normal weight:normal stretch:normal src index:0) 

また、Ubuntu Linuxの上でWindows 10またはFirefox上のクロム、Internet Explorerとエッジでの作業ではないです。

これは私のコードです:私は間違っ

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <style type="text/css"> 
     @font-face { 
      font-family: 'NotoColorEmoji'; 
      src: url('NotoColorEmoji.ttf') format('truetype'); 
     } 
    </style> 
</head> 

<body> 
    <span style="font-family: 'NotoColorEmoji'">Emojis: </span> 
</body> 

何をしているのですか?絵文字フォントは別の方法で使用されていますか?

+1

どこからフォントを入手しましたか?あなたはそれがウェブに適していると確信していますか? – deceze

+0

あなたはfirefoxでのみ問題がありますか?勝つ、マック? –

+0

https://github.com/googlei18n/noto-emoji/issues/43 –

答えて

4

色のフォントは、いくつかの競合する標準ではまだ新しく、共通のテキストライブラリで進化して実装されています(Opentype 1.8はリリースされました)。

非常に最新のプレビューブラウザ以外では今日は動作しそうになく、ブラウザではシステムテキストのlibs(さまざまなレベルのオーバーライドを使用しているため、サポートのレベルは異なります) )。

古いソフトウェアは、これらのフォントを可能にするために追加されたOpentype拡張子を認識しません。

最後に、Noto Color Emojiはかなりプロトタイプであり、初期のバージョンは後で標準化されたものに準拠していない可能性が高く、カラーフォントの標準が使用される方法はまだ発展していますフォントプロデューサとフォントコンシューマがそのテーマで成熟するにつれて、

1

色フォントが来ているが、あなたはどちらかにする必要があります:1つのフォント(合計4!)で、すべてのカラーフォーマットを実装

  • - >誰かがそれをしなかった場合、私は知りませんが、フォントは次のようになります巨大であり、それは本当に複雑に見え、推奨されません。
  • フォーマットごとにフォントを1つ作成し、条件付きで読み込みます。 - >いくつかのフォーマットはビットマップベースで、ベクトルではないので推奨されません&フォントは巨大(+ 20Mo)になります。
  • すべてのプラットフォームでOpenType SVGフォーマットがサポートされるのを待ちます。
    • TwemojiのようなJavaScriptでそれを実行してください「すべてのプラットフォームで標準のUnicode絵文字 サポートを提供する単純なライブラリー。」
    • EmojiOne "EmojiOne™は オープン絵文字標準です。"

最新のソリューションは、Webの使用のために今のところ最良のものを探します!

+1

EmojiOneは商用アプリケーションでは無料ではありません。 – AndroidDev

関連する問題