font-family通过javaScript使用特殊字符进行更改

时间:2016-06-25 17:08:30

标签: javascript html5

我正在尝试使用OpenWeatherMap api制作天气应用。显然,我试图通过带有温度和'℃'符号的javaScript来更新元素的文本。问题是'℃'符号没有使用相应css中提到的字体系列,而温度值都很好。 我试过这种方式 -

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

另外,我试过这个 -

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

我搜索了类似的SO问题并搜索了解决方案但没有得到任何结果。 任何形式的帮助将不胜感激。提前致谢。

1 个答案:

答案 0 :(得分:1)

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

这可以解释你的观察。

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