支持一些基本音乐符号的Web字体

Question

我正在制作一个显示一些音乐笔记名称的网页，例如“B”，“Bb”（B flat）或C＃（C sharp）。为了更好的可读性，我更喜欢显示正确的扁平和尖锐符号。

似乎标准的sans-serif字体（如Arial或Helvetica）不支持这些符号，这使我得出结论，我需要找到一个类似于广泛的无衬线字体的网络字体（Arial，Helvetica）并且还有这两个符号。

Q1：你知道有这样的网络字体吗？

Q2：或者我完全弄错了，Arial和Helvetica实际上支持音乐符号符号，它们碰巧在这两种字体中处于相同的位置？

Answer 1

除了使用CSS3允许程序员安全地使用自定义字体外，您还可以上标或下标'b'或'＃'。人们很可能会明白你的观点。

Answer 2

https://graphicdesign.stackexchange.com/questions/7058/web-font-that-supports-some-basic-music-symbols

这可能 是一个用户体验问题，因为这样的网络字体将无法访问。如果您不喜欢b或＃，那么您可以使用内联图像以及“平面”或“清晰”的替代文字，以便屏幕阅读器能够应对。

如果您只是使用音乐网络字体中的随机字符（比如平面位于M正常的位置），则屏幕阅读器可以将A-flat视为AM - 或者作为单词 am < / em>或两个字母 AM - 这不好。使用Ab或C＃也是如此：屏幕阅读器不一定会读出上下文所需的内容。

Answer 3

对于Q1，IMO显示足够的平面和尖锐符号的字体是Arial Unicode MS：

此网站上也使用了它： https://en.wikipedia.org/wiki/Chord_names_and_symbols_(popular_music)

不幸的是，该字体的大小为22 MB，仅对于那些符号来说有点大。