웹 사이트에서 그림 이모티콘을 사용하는 방법은 무엇입니까?

Google's "Noto Color Emoji" 글꼴을 다운로드했지만 제대로 작동하지 않습니다. "Noto Sans Regular"와 같은 글꼴에는 문제가 없습니다. 또한 우분투 리눅스에서 Windows 10 또는 파이어 폭스에서 크롬, 인터넷 익스플로러와 에지와 함께 작동하지 않습니다웹 사이트에서 그림 이모티콘을 사용하는 방법은 무엇입니까?

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)

:하지만 "노토 컬러 이모티콘"글꼴로 나는 (윈도우 10) 파이어 폭스에서 다음과 같은 오류를 얻을. 내가 잘못 뭐하는 거지

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

이 내 코드? 그림 이모티콘 글꼴이 다른 방식으로 사용됩니까?

출처

2016-10-05 John

정확히 어디에서 글꼴을 가져 왔습니까? 웹에 적합하다고 확신합니까? – deceze

Firefox에서만 문제가 있습니까? 이겼어, 맥? –

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

색상 글꼴은 아직 진화 중이며 일반 텍스트 라이브러리 (Opentype 1.8이 방금 다른 색상으로 출시 됨)로 구현되는 몇 가지 경쟁 표준에서 상당히 새롭습니다.

최신 미리보기 브라우저를 제외하고는 현재 작동하지 않을 것입니다. 브라우저는 시스템 텍스트 라이브러리 (다양한 수준의 재정의)를 사용하기 때문에 지원 수준이 달라질 수 있으며 기본 시스템에 따라 달라질 수 있습니다.).

이전 소프트웨어는 해당 글꼴을 가능하게하기 위해 추가 된 Opentype 확장자를 인식하지 못합니다.

마지막으로 Noto Color Emoji는 프로토 타입이기 때문에 초기 버전이 나중에 표준화 된 것과 거의 일치하지 않을 가능성이 있으며 컬러 글꼴 표준이 사용되는 방식이 계속 진화 할 가능성이 있습니다 글꼴 제작자와 글꼴 소비자가 주제에 성숙 해짐에 따라

출처

2016-10-07 13:12:07 nim

색 글꼴이오고있다하지만 중 하나에 당신이 필요합니다 :

는 하나 개의 글꼴에있는 모든 색상 형식을 구현 - 누군가가 그것을 한 경우> 모르겠어요하지만 글꼴이 될 것이다 (총 4!) 거대한, 그리고 그것은 정말로 복잡해 보이고, 추천되지 않는다.
각 형식에 대해 하나의 글꼴을 만들고 조건에 맞게로드하십시오. 일부 형식은 비트 맵 기반이며 벡터가 아니기 때문에 권장되지 않습니다 & 글꼴은 거대 할 수 있습니다 (+ 20Mo).
모든 플랫폼에서 OpenType SVG 형식을 지원할 때까지 기다리십시오.
는
- Twemoji처럼 자바 스크립트를 수행 "표준 유니 코드 이모티콘 모든 플랫폼에서 지원을 제공하는 간단한 라이브러리입니다."
- EmojiOne "EmojiOne ™은 열린 이모티콘 표준입니다."

최신 솔루션은 웹 사용을 위해 지금 최선을 보인다!

출처

2016-11-30 18:56:31

EmojiOne은 상용 응용 프로그램 용으로 무료로 제공되지 않습니다. – AndroidDev

웹 사이트에서 그림 이모티콘을 사용하는 방법은 무엇입니까?

답변

관련 문제