我正在处理一个显示一些音符名称的网页,例如“B”、“Bb”(降 B)或 C#(升 C)。为了更好的可读性,我更喜欢显示正确的扁平和锐利符号。
似乎标准的无衬线字体如 Arial 或 Helvetica 不支持这些符号,这使我得出结论,我需要找到一种看起来类似于广泛使用的无衬线字体(Arial、Helvetica)和在加法有这两个符号。
Q1:你知道这样的网络字体吗?
Q2:还是我完全弄错了,Arial 和 Helvetica 确实支持乐谱符号,而且它们恰好在这两种字体的相同位置?
除了使用 CSS3 允许程序员安全地使用自定义字体之外,您还可以只使用上标或下标 'b' 或 '#'。人们很可能会明白你的意思。
这可能是一个用户体验问题,因为这样的网络字体将无法访问。如果您不喜欢 b 或 # ,那么您可以使用带有“flat”或“sharp”替代文本的内联图像,以便屏幕阅读器能够应付。
如果您只是使用音乐网络字体中的一个随机字符(例如,降音板位于 M 通常所在的位置),屏幕阅读器可以将降 A-flat 读为 AM——无论是单词am还是两个字母AM——这不好。使用 Ab 或 C# 也是如此:屏幕阅读器不一定会读出上下文所需的内容。
至于 Q1,IMO 显示足够扁平和锐利符号的字体是 Arial Unicode MS:
它也用于本网站: https://en.wikipedia.org/wiki/Chord_names_and_symbols_(popular_music)
不幸的是,这个字体的大小是 22 MB,对于那些符号来说有点大。