unicode - 信頼性の高いレンダリングで Web で Unicode 文字を使用する方法

Question

グラフィック コンポーネントとして Web で Unicode シンボルを使用しています。

この Unicode 文字がレンダリングされる方法を信頼する必要があります。

ここに、私が構築しようとしているものの簡単な例があります。

Unicode 文字は、コンピューターによってレンダリングが異なることがわかります。

OSX の下の Chrome :

Windows の下の Chrome :

@font-faceとgoogle フォントが許可されるように、最新のブラウザーのみをサポートする必要があります。

更新しました

問題は、選択したフォントに特殊文字が含まれていないことであり、@font-faceまたはgooglefontsと互換性のある特殊文字を見つけることが解決策になることはわかっていますが、これが本当の問題です。この特性を持つフォントを見つける方法です。

Answer 1

最も可能性の高い答えは、選択したフォントにそれらの Unicode コードポイント用に定義されたグリフがなく (フォントを熟読した結果、そのように思われる)、それらのコード用に定義されたグリフを持つフォントに切り替える必要があるというものです。ポイント。

フォントに Unicode コードポイントのグリフが定義されていない場合、その処理方法を理解するのはプラットフォーム次第です。Windows は、定義されていないものに対して単純に四角いボックスを表示していましたが、Windows Vista (または Windows 7) 以降、利用可能な場合はシステムの既定のフォントからグリフを表示するようになりました。Unicode 文字で最もよく見られるのは、システムの既定のフォントのバージョンです。もちろん、これは Windows と Mac で同じではありません。