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">