HTML 粗体音乐尖锐标志

Posted 2023-02-24

【中文标题】HTML 粗体音乐尖锐标志

【英文标题】：HTML Bold music sharp sign

【发布时间】：2015-07-24 19:33:10

【问题描述】：

我注意到音乐尖锐符号（♯ vs ♯）对使用<strong></strong>、<b></b> 等标签使其加粗的尝试没有反应。

为什么？有没有其他方法可以让它变得大胆？

奇怪的是，音乐扁平符号（♭ vs ♭）在<strong></strong> 下表现得非常好。

【参考方案1】：

我建议使用 CSS text-shadow 来模拟粗体。

text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;

【参考方案2】：

并非所有 Unicode 字符都可以格式化。

基本上，当字体变为粗体并且该字体没有内置的粗体对应物时，处理器会决定要做什么。

在这种情况下，Web 浏览器将从左下角开始向字体或符号添加额外的像素，但前提是字符空白没有过度妥协。具体来说，你有一个尖锐的标志，当加粗时，中心的正方形会影响符号的可读性。这个过程将使符号成为一个带有一些尖位的正方形，并且可能小于一个像素的空白。字体处理器（浏览器）不允许这种情况发生。

---

你有几个选择：

试试 CSS 中的文本阴影 使用具有更好版本的该符号的字体，可以允许加粗或更好，但已经很好又粗又清晰。

【参考方案3】：

您可以在 CSS 中使用任何其他类型的字体将其设为粗体。使用阿尔及利亚字体。有效。它变成了阿尔及利亚。所以找到合适的字体样式并应用它。