エキゾチックな言語のテキスト スニペットが多数含まれる Web サイトがあります。特殊な Unicode 文字がいくつか必要になります。
すべてのメイン オペレーティング システムのすべてのメイン ブラウザで、すべての特殊文字が正しく表示されることを保証する方法が必要です。
「'Times New Roman', Times, serif;」のような標準の Web セーフ パターンを使用すると、特殊文字が別のマシンで異なって見える可能性はありますか?
編集:実際にはすべての Unicode 文字を使用する必要はありません。安全に使用できる場合は、可能な限り多くの特殊文字を含む、より小さくても広くサポートされているサブセットも使用できます。
Edit2: 私が達成したいのは、できるだけ多くの特殊文字を指定 (および使用) できる方法であり、エキゾチックな言語のテキストがいっぱいになる状況を防ぐために、すべての主流のブラウザーとオペレーティング システムで正しくレンダリングされます。疑問符の、または誤ってレンダリングされた文字。
を使用して、ダウンロード可能なフォント (Web フォント)、またはそのようなフォントがいくつか必要になります@font-face。適切に使用すれば、この手法は事実上すべての関連ブラウザでサポートされるようになりました。困難な部分はフォントを決定することであり、具体的な解決策は必要な文字のレパートリーによって異なります。一般的な情報といくつかのヒントについては、HTML で特殊文字を使用するためのガイドを参照してください。
「Web セーフ フォント」はそうではありません。ほとんどのシステムに Times New Roman と呼ばれるフォントがあるのは事実ですが、その文字のレパートリーはさまざまで、たとえば Android にはありません。しかし、Times New Roman は、文字のカバレッジがかなり不十分です。
任意の 2 つのシンボルをピクセルごとに完全にレンダリングすることは不可能であるか、少なくとも非常に困難です。簡単な例を挙げると、OSX と Windows では、特定のフォントのフォントの太さに大きな違いがあることがわかります。しかし、あなたの懸念は、キャラクターが別のキャラクターに完全に置き換えられるのを避けることだけのようです. たとえば、サポートされていない文字は疑問符やボックスに置き換えられます。
これが当てはまる場合、最初のステップは、必要なすべての文字を含むフォントを見つけることです。そのフォントがたまたま「Web セーフ フォント」 (つまり、ほとんどの一般的な OS に標準で付属しているフォント) である場合は、それを使用してください。
そのフォントがたまたま Web セーフ フォントでない場合は、@font-faceを使用してください。これにより、@font-face をサポートするすべてのブラウザーで、参照するフォントを表示できます。
これを行う場合は、フォントのライセンスに注意する必要があることに注意してください。ローカルでホストされている Proxima Nova に @font-facing を回したくありません。
また、サポートに関しては、@font-face注目すべきブラウザー サポートがあります。@font-face cross-browser support に関する良い記事があります。
もちろん、これはクロスブラウザー ソリューションを実装する方法にすぎません。「これを行うにはどうすればよいですか?また、どのフォントを使用すればよいですか?」うーん...それは別の質問です！