我有一些 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(显示一个框)。为什么?
只是为了扩展 Gil 的答案,star 的 unicode 字符实体★
没有在 Chrome 中为我显示,但在 Firefox 中。我发现正如 Gil 所说,当它在页面加载的 html 中时它确实在 Chrome 中工作,但是当随后通过 ajax 加载包含星号的 html 时,它在 Chrome 中不起作用。
这是我修复它的方法:这不起作用......
<span>★ ★ ★</span>
...但这确实-添加了CSStext-rendering
声明...
<span style="text-rendering:auto;">★ ★ ★</span>
作为记录,我在此站点上使用 Bootstrap。
最好使用 HTML 特殊字符代码来显示它。
试一试★
对于将来遇到此问题的任何人,在通过 JavaScript 设置页面元素的 HTML 时,该问题看起来像 Chrome 错误...
更新:centralscru 的回答为我解决了这个问题
通常,任何浏览器在其字符集中没有定义该字符时都会显示正方形。
那么您是否明确提供了一种字体,或者您是否依赖浏览器的默认设置?由于它存在于字符集中,因此显式更改字体可能会为您提供符号。
您可能还想考虑使用 HTML 字符代码 ( ★
)。
为此使用字符代码!我正在使用 chrome,我可以看到很好!