如何在 JavaScript 中确定实际计算的字体系列名称？

在 JavaScript 中确定计算的字体系列名称

在上一个线程中，准确检索计算的字体大小的问题已成功解决。然而，获取实际字体名称仍然存在挑战，特别是考虑到通用计算样式函数仅提供完整的字体字符串。

为了确保与字体系列下拉菜单的兼容性，我们需要元素的精确字体名称。有没有可靠的方法来实现这一点，特别是对于广泛使用的网络字体？

解决方案

要使用 JavaScript 从 DOM 获取计算的字体系列，请按照以下步骤操作：

<code class="javascript">let para = document.querySelector('p');
let compStyles = window.getComputedStyle(para);
let computedFontFamily = compStyles.getPropertyValue('font-family'); // e.g. "Times New Roman"</code>

参考：https://developer.mozilla.org/en-US/docs/Web/API/Window/getCompulatedStyle

以上是如何在 JavaScript 中确定实际计算的字体系列名称？的详细内容。更多信息请关注PHP中文网其他相关文章！