✔ と ✘ の記号を含むページを作成しようとしています。
これらはそれぞれ Unicode✔と✘です。そして、すべてのブラウザで問題なく動作します。ただし、一部のテスターは、これらのシンボルの代わりにボックスがあると報告しており、フォントがインストールされていないことが原因であることがわかりました. 参照
互換性を持たせるための私のオプションは次のように制限されているようです:
画像を使用したくないので、特定のフォントを必要としない同様の記号を探しています。
したがって、オンラインでその情報を見つけることができなかったので、特定のフォントを必要としない記号のアドバイスを探しています。（以前はこれらが必要だったことに気づいていませんでした）
代替ソリューションも大歓迎です。
フォントでより広くサポートされている適切な文字はありません。つまり、多少似ている他の文字は、フォントのサポートがさらに制限されています。
これらの特定の記号を使用したい場合、最も実用的な方法は、十分に大きなサイズ (約 50×50 ピクセル) の画像を使用し、CSS で縮小して (CSS などを使用して) フォント サイズに合わせheight: 0.7em、および.altOKwrong
埋め込みフォントを使用して 2 文字だけを取得すると、多少不均衡になります。アイコン フォントのトリッキーを使用すると、アクセシビリティの問題が発生する可能性があります (空の要素は実際には聞こえませんよね)。
代わりに「v」や「x」などの文字を使用すると、専門的でない印象を与え、理解に問題が生じる可能性があります。
記号「✔」と「✘」は普遍的なものではないことに注意してください。一部の文化では、「✔」は伝統的にエラー(誤り) を示すために使用され、「✘」は中立的なチェック マーク (何かがチェックされたことを示しますが、肯定的または否定的な結果を意味するものではありません) と見なされる場合があります。したがって、それらを使用するために特別な措置を講じる必要はないかもしれません。一部の単語 (アプリケーションまたはページ全体がローカライズ可能である場合は、もちろんローカライズ可能) が代わりに使用される場合があります。少なくとも正確には、「OK」は広く理解されており、誤解されることはほとんどありません。
これにはFont Awesomeを使用できます。以下を HTML ヘッドに含めます。
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.1/css/font-awesome.css" rel="stylesheet">
次に、<i class="fa fa-check"></i>または<i class="fa fa-times"></i>を使用して、2 つのアイコンチェックと時間を表示します( の場合は、より適切なアイコンもあるかもしれません。完全なリストtimesを参照してください) 。
私は...するだろう ：
たとえば、http: //www.fontsquirrel.com/fonts/entypo?q[term]=entypo&q[search_check]=Y にある entypo webfontkit を使用します。
css:
@font-face {
font-family: 'entyporegular';
src: url('Entypo-webfont.eot');
src: url('Entypo-webfont.eot?#iefix') format('embedded-opentype'),
url('Entypo-webfont.woff') format('woff'),
url('Entypo-webfont.ttf') format('truetype'),
url('Entypo-webfont.svg#entyporegular') format('svg');
font-weight: normal;
font-style: normal;
}
span.symbols { font-family: 'entyporegular'; /*rest of your css here*/}
HTML :
<span class="symbols">W</span>
<span class="symbols">X</span>
このように Web フォントを使用すると、システム フォントからの独立性を確保し、適切な文字を確実に読み込むことができます。