次のように、スターがコード内にあるだけのhtmlがあります。
<strong>This is my ★ star, I'm not using entities!</strong>
Firefox では機能しますが、Chrome (ボックスが表示されます) では機能しません。なんで?
次のように、スターがコード内にあるだけのhtmlがあります。
<strong>This is my ★ star, I'm not using entities!</strong>
Firefox では機能しますが、Chrome (ボックスが表示されます) では機能しません。なんで?
ギルの答えを拡張するために、星のユニコード文字エンティティ★
はChromeでは表示されませんでしたが、Firefoxでは表示されました。Gilが言うように、ページの読み込み時にhtmlにある場合はChromeで動作しましたが、スターを含むhtmlがその後ajax経由で読み込まれた場合、Chromeでは動作しませんでした。
修正方法は次のとおりです。これは機能しません...
<span>★ ★ ★</span>
...しかし、これはそうです-CSStext-rendering
宣言を追加すると...
<span style="text-rendering:auto;">★ ★ ★</span>
記録のために、私はこのサイトで Bootstrap を使用しています。
HTML 特殊文字コードを使用して表示するとよいでしょう。
これを試してみてください★
将来これに出くわす人にとっては、この問題は、JavaScript を介してページ要素の HTML を設定する際の Chrome のバグのように見えます...
更新:centralscruの答えは私の問題を解決します
通常、どのブラウザも、文字セットにその文字が定義されていない場合、正方形を表示します。
明示的にフォントを提供しましたか、それともブラウザのデフォルトに依存していますか? 明示的にフォントを変更すると、文字セット内に存在するため、シンボルが表示される場合があります。
HTML char コードを使用することも検討してください ( ★
)。
そのためにはcharコードを使用してください!私はクロムを使用していますが、問題なく表示されます。