更改 HTML 中的 unicode 字体 [关闭]答案

【问题标题】：Change unicode font in HTML [closed]更改 HTML 中的 unicode 字体 [关闭]
【发布时间】：2021-06-11 20:35:48
【问题描述】：

我正在使用 unicode 以 HTML 格式显示棋子，但它们以错误的字体显示。它们应该是这样的：

以前是这样显示的，但现在由于某种原因显示为

维基百科页面表明这是由于特定字体https://en.wikipedia.org/wiki/Chess_symbols_in_Unicode，但我尝试更改字体没有成功。

相关代码：

const pieces = {
  pawn: {
    worth: 1,
    dna: '<p>&#9823;</p>'
  } 
}
body.innerHTML += pieces.pawn.dna;

任何想法如何让浏览器以不同的字体显示 unicodes？

【问题讨论】：

寻求代码帮助的问题必须在在问题本身中包含重现它所需的最短代码，最好在Stack Snippet 中。见How to create a Minimal, Reproducible Example
您认为相关的块代码（顺便说一下似乎是 JavaScript）不包含任何设置字体的位。
stackoverflow.com/questions/28327035/…
@ÁlvaroGonzález 因为我不知道如何更改 Unicode 字体。我不知道从哪里开始。我会做什么 CSS 规则？
看起来你必须下载相关字体（我认为是 GNU Freeserif）并从某个地方提供它 - 搜索会找到几个 ttf 的来源 - 然后使用 CSS 设置选择该字体并选择它。

标签： html css browser unicode fonts

【解决方案1】：

您的问题中显示的字体看起来是Cases：

案例

免费软件。 Matthieu Leschemelle 的 True Type 字体。该字体最初是用于使用 Matthieu 的程序 Problemiste 制作图表，该程序用于解决国际象棋问题。此后，Armando Marroquin 重新设计了字体，现在它可以用作图表和小雕像符号的“独立字体”，并且可以选择带有坐标的框架。

您可以查看和下载字体，例如这里：

http://www.enpassant.dk/chess/fontimg/cases.htm
http://www.enpassant.dk/chess/downl/cases.zip

【讨论】：

嗨@WaiHaLee，我不确定在提问者需要找到正确字体来源的情况下，回答者还能做什么 - 我认为 StackOverflow 没有空间字体可以复制到安全保存。在这种情况下，您有什么建议？
虽然此链接可能会回答问题，但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改，仅链接答案可能会失效。 - From Review