javascript - 通过 javaScript 使用特殊字符的字体系列发生变化

Question

我正在尝试使用 OpenWeatherMap api 制作一个天气应用程序。显然，我正在尝试通过 javaScript 使用温度和“℃”符号更新元素的文本。问题是“℃”符号没有使用相应CSS中提到的字体系列，而温度值一切正常。我已经尝试过这种方式-

$("#temp").text(data.temp+String.fromCharCode(8451));  

另外，我尝试过这个-

$("#temp").text(data.temp+String.fromCharCode(8451)).replace('font-family','Aclonica');

我搜索了类似的问题并用谷歌搜索解决方案，但一无所获。任何形式的帮助将不胜感激。提前致谢。

Answer 1

大多数字体仅涵盖所有可能的(unicode)字符中的某个范围。如果可能，您的字体渲染引擎将使用提供的字体，并使用后备字体来渲染给定字体未提供图标/字形的字符。

这可能可以解释您的观察结果。

解决方案:为您要使用的所有字符/代码点使用具有更多字形/字形的字体 - 或向您的font-family添加另一种(后备-)字体> 覆盖了缺失的字符。另请参阅Fallback fonts on special characters