如何检查复制字体的字体样式或样式？

Question

我需要区分某些特定样式的字体系列或样式𝕳𝖊𝖑𝖑𝖔，ℍ𝕖𝕝𝕝𝕠例如 ，或者可以使用在线字体生成器创建的样式。我目前font-style的 CSS 是：messageBody proxima-nova, HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif'我试过类似的东西window.getComputedStyle(element, null).getPropertyValue(property)，但它对普通字符和我提到的特定字符返回相同的值。

Answer 1

getComputedStyle()不适用于您展示的𝕳𝖊𝖑𝖑o和示例。ℍ𝕖𝕝𝕝𝕠这是因为它们使用扩展的 Unicode 字符，而不是 CSS 字体样式。

如果要检测那些字符，可以检查字符的 Unicode 值。例如标准A-z是65-122。如果它超出了这些界限，那么您可以对该角色执行任何您需要的操作，或者用更合适的角色替换它，或者完全删除它。请注意，根据您的具体用例，您可能希望包含一些符号等附加代码。

console.log('Hello'.charCodeAt(0)); // = 72

console.log('ℍ𝕖𝕝𝕝𝕠'.charCodeAt(0)); // = 8461

console.log('𝕳𝖊𝖑𝖑o'.charCodeAt(0)); // = 55349