如何防止此 ndash 以小字体消失？答案

【问题标题】：How can I prevent this ndash from disappearing at small font sizes?如何防止此 ndash 以小字体消失？
【发布时间】：2017-03-14 00:40:55
【问题描述】：

我有一个 &ndash; 字符，当文本以较小的字体大小呈现时变得不可见（适用的字体大小规则是 14 像素，在此不可见；如果我在 Firefox 中放大一级，它变成可见。）我只在 Windows 上的 Firefox 上看到过这种行为。使用 Linux 上的 Firefox，我可以看到各种大小的字符。我相信发生的情况是，在较小的尺寸下，破折号可以呈现为宽度为零的线。那么问题来了，我该如何补救呢？这是我能想到的-

尝试不同的破折号字符并希望最好
将破折号包裹在一个跨度中并强制它变大 - 看起来很笨重
也许我的字体定义有问题 - 这是嵌入的 Open Sans

还有其他我忽略的方法吗？

【问题讨论】：

该字符周围是否有任何跨度或类似内容导致其呈现小于段落中的周围文本？
没有；这只是“废话–废话”

标签： css fonts

【解决方案1】：

不要在 Windows 中使用任何 90 年代的旧版 Microsoft 核心字体（Arial、Verdana 等）。他们有非常积极的暗示，旨在不惜一切代价防止“肥”或“模糊”的茎，导致其中一些茎在小尺寸时消失。延续 Windows 用户习惯的像素化外观是微软当时唯一关心的事情（微软渲染堆栈中有内置的解决方法来隐藏这些字体的错误，但它们不存在于第三方应用程序中)。

【讨论】：

【解决方案2】：

您是否尝试过不同的字体系列来查看它是否显示相同的问题？

【讨论】：

【解决方案3】：

这是字体问题，与浏览器支持无关。尝试使用其他字体如“Times New Roman”来验证。

对于小图标，最可靠的解决方案是使用 CSS @font-face 规则要求浏览器下载特定字体。然后，您将确定用户安装了适当的字体。甚至还有一些专门为此用途设计的字体，内置了额外的图标：“Font Awesome”就是一个众所周知的例子。

更多信息请看这里：Does every browser support all unicode?

【讨论】：