2016-10-05 20 views
5

Pobrałem czcionkę Google's "Noto Color Emoji", ale nie mogę jej uruchomić. Nie mam problemów z czcionkami typu "Noto Sans Regular". Ale z czcionką "Noto Kolor Emoji" otrzymuję następujące błędy w Firefox (w Windows 10):Jak korzystać z czcionki emoji na stronie internetowej?

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) 

To także nie działa z Chrome, Internet Explorer i krawędzi w systemie Windows 10 lub Firefox na Ubuntu Linux.

To jest mój kod:

<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> 

Co robię źle? Czy czcionki emoji są używane w inny sposób?

+1

Skąd dokładnie wziąłeś tę czcionkę? Czy na pewno nadaje się do internetu? – deceze

+0

Masz problem tylko z firefox? wygrać, mac? –

+0

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

Odpowiedz

4

Czcionki kolorowe są całkiem nowe z kilkoma konkurencyjnymi standardami, które wciąż ewoluują i są wdrażane we wspólnych bibliotekach tekstowych (Opentype 1.8 zostało właśnie wydane z innym kolorem kolorów).

Jest mało prawdopodobne, aby dziś działały, z wyjątkiem najnowszych przeglądarek podglądu, a nawet wtedy poziom wsparcia może się różnić i zależy od systemu bazowego, ponieważ przeglądarki używają bibliotek tekstowych systemu (z różnymi poziomami nadpisań).

Starsze oprogramowanie nie rozpoznaje rozszerzeń Opentype dodanych do tych czcionek.

Wreszcie, Emotikon Noto Color jest prawie prototypem, prawdopodobnie wczesne wersje nie są w pełni zgodne z tym, co zostało zestandaryzowane później, a nawet jeśli tak, to sposób, w jaki są stosowane standardy czcionek kolorowych, wciąż ewoluuje jako producenci czcionek i konsumenci czcionek zyskują dojrzałość w tym temacie.

1

czcionki Kolor idą jednak trzeba będzie albo:

  • Wdrożenie wszystkich formatów kolorów w jednej czcionki -> Nie wiem czy ktoś to zrobił ale czcionka byłaby (4 w sumie!) ogromny i wygląda na naprawdę skomplikowany i niezalecany.
  • Utwórz jedną czcionkę dla każdego formatu i załaduj ją warunkowo. -> Nie zalecane, ponieważ niektóre formaty są oparte na bitmapie, a nie na wektorach. & czcionki mogą być ogromne (+ 20Mo).
  • Czekaj na obsługę formatu OpenType w formacie SVG na wszystkich platformach.
  • zrobić to w javascript jak
    • Twemoji „prosta biblioteka, która zapewnia standard Unicode Emotikon wsparcie na wszystkich platformach.”
    • EmojiOne "EmojiOne ™ to otwarty standard emoji ".

Najnowsze rozwiązanie wygląda najlepszego teraz za korzystanie z Internetu!

+1

EmojiOne nie jest bezpłatny dla aplikacji komercyjnych. – AndroidDev

Powiązane problemy