、私はアイコンの(@font-faceを使用して)カスタムWebフォントを使用しています。セット内の各文字は適切なUnicode値を持ちます。 WebKitベースのブラウザ(クローム、サファリ、アンドロイド)でWebKit CSSのコンテンツUnicodeのバグ? 1つのページに
は、グリフの一つが示されていません。代わりに、内部に疑問符が付いたデフォルトのグリフまたはダイアモンドが表示されます。 Firefoxの、オペラ、さらにはInternet Explorerで
は、文字がすべて正しくレンダリングされます。サファリ(Windowsの場合)を除き
私はcontent CSSプロパティを介して、Unicode文字を挿入すると、この問題が発生します。私はcharacter referenceを使用してHTMLに直接文字を挿入すると、それが適切にレンダリングされます。 Unicode文字は、CSSコンテンツとして挿入される。例えば
、...
/* CSS: */
span.css_font_icon:before {
display: inline;
font-family: "Ghodmode Icons", "Webdings", sans-serif;
content: '\002302 \01F4A1 \00270D \002139';
}
<!-- HTML -->
<span class="css_font_icon"></span>
doesnの...彼らはすべてのFirefox、オペラ、およびInternet Explorerで表示が、2番目の1(\ 01F4A1) Linux、Windows、またはAndroid上のWebkitブラウザには表示されません。代わりに、それは(Androidのブラウザ上の)デフォルトのグリフまたはそれの内部に疑問符(クローム(Windowsの場合)、サファリ(Windowsの場合))のダイヤモンドを示しています。 HTMLのUnicode文字参照を使用して文字を挿入
.../* CSS: */
span.html_font_icon {
font-family: "Ghodmode Icons", "Webdings", sans-serif;
}
<!-- HTML: -->
<span class="html_font_icon">⌂💡✍ℹ</span>
は... Firefoxの、オペラ、およびInternet Explorerで正常に動作します。 Chrome(Windows)およびAndroid WebkitブラウザでもHTML文字参照のシンボルが表示されますが、Safari(Windows)ではデフォルトのグリフが表示されます。 http://www.ghodmode.com/testing/unicode-insertion/
私は珍しいWebKitのバグにつまずい持っているか、私は何か間違ったことをしています:
私は、問題を再現小さなページに元のコードを凝縮しましたか?
これをテストするための現在のiOSデバイスがありません。したがって、iPhone/iPadの動作を説明するコメントも歓迎します。