html - 如何将带有音乐不常见字体的文本添加到 HTML

Question

我正在开发一个理论音乐网页。在乐谱中，有一些像“降”和“升”的符号可以用“b”和“#”等标准字符来实现，但最终的输出却非常不愉快。

我已经安装了特殊字体来使用这些(以及许多其他)音乐符号，但显然绝大多数计算机上都没有安装它们。

1.- 有没有办法安全地使用这种字体？

2.- 如果是这样，我应该使用什么 HTML 标签？在 p 标签内使用带有 Class="MusicNotation"的 span 标签来通过 CSS 更改这些音乐符号的字体可以吗？有没有更好(更标准)的方法来做到这一点？

我提供了一个我将做什么的例子

这是 HTML

<p>This is a <spam class="MusicNotation">G#</spam>chord</p>

这是 CSS:

#MusicNotation { font-family: Repreise }

Answer 1

这会对您有所帮助:

还有用于制作音符符号的 HTML 代码替代方案。官方有 7 个音符符号可以通过 HTML 代码显示。只需复制并粘贴或键入以下代码即可。数字前面应始终带有与号和升号，并以分号结尾。对于四分之一音符，您应该输入 ♩它应该看起来像这样:♩。

要制作第八个音符，请输入 ♪它应该看起来像这样:♪。

要制作第八个音符，请输入 ♫它应该看起来像这样:♫。

要制作第十六个音符，请输入 ♬它应该看起来像这样:♬

要制作音乐平面标志，请输入 ♭它应该看起来像这样:♭

要制作音乐自然符号，请输入 ♮，它应该如下所示:♮

要制作音乐尖锐符号，请输入 ♯，它应该如下所示:♯。

http://www.howtodothings.com/hobbies/how-to-write-music-note-code

请务必使用<meta charset="utf-8">