如何在HTML中添加不常用字体的文本

我正在开发一个理论音乐网页。在音乐记谱法中，有些符号如“扁平”和“尖锐”可以用标准字符如“b”和“#”来实现，但最终的输出非常令人不快

我安装了一些特殊的字体来使用这些（以及许多其他）音乐符号，但很明显，绝大多数计算机上都没有安装这些符号

1.-是否有安全使用此字体的方法

2.-如果是，我应该使用什么HTML标记？在p标记内使用span标记和Class=“musicnotion”可以通过CSS更改这些音乐符号的字体吗？有没有更好（更标准）的方法

我提供了一个我将要做的例子

这是HTML

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

---

不要使用不太可能安装在目标计算机上的字体系列

我假设这些符号在Unicode somehwere中是可用的，但是有许多字体不包含完整的Unicode集，它们将显示为小方框或更糟的字体

---

是一种将字体嵌入页面的新技术，但您必须做一些繁重的工作才能使其正常工作。

如果您愿意使用Flash，您可以使用sIFR。看看这里：

这将帮助您：

还可以使用HTML代码制作音符符号。有7个正式的音符符号可以通过HTML代码显示。只需复制粘贴或键入以下代码。数字前应始终加上符号和锐号，并以分号结尾。对于四分之一音符，应键入♩；它应该是这样的：♩.

要制作第八个音符，请键入♪；它应该是这样的：♪.

要制作一个有波束的第八个音符，请键入♫；它应该是这样的：♫.

要制作一个有波束的第十六个音符，请键入♬；它应该是这样的：♬

要制作音乐平面标志，请键入♭；它应该是这样的：♭

要制作一个自然的音乐符号，请键入♮，它应该如下所示：♮

要制作一个音乐尖利的标志，请键入♯，它应该如下所示：♯.

---

确保使用

您可以使用此库： 它是开源的，有两个web实现（针对Asp.NETMVC和Asp.NETCore）和一个针对WebAssembly的实验性实现（使用Blazor）。

---

一些关于CodeProject的文章：

垃圾邮件？你是说斯潘吗？：）+1用于提供实际代码。你知道对这些符号的支持有多普遍吗？事实上，支持很好。IE7和所有现代浏览器都支持它。如果他们没有出现，他们可能有旧的浏览器。不要使用非标准字体（使用ARIAL或TIMES NEW ROMAN），这些字体在IE7的工作环境和Firefox的家庭环境中都会出现，这给我留下了深刻的印象；通常一个或另一个会搞砸。

#MusicNotation { font-family: Repreise }