jquery - 如果没有在 css 中设置字体，html 中元素的默认字体是什么

Question

我想知道 html 文档中元素的默认字体是什么。
例如，如果我使用这个 jquery 代码:
var elemfont = jQuery('.elem').css('font-family');
如果 css 中没有定义字体，它返回什么？
如果它的父级有字体，返回什么？

Answer 1

默认字体取决于浏览器和元素。大多数浏览器都有一个应用于 body 元素的默认字体，当没有任何干预时它会被内部元素继承，但浏览器也有特殊的默认字体设置，例如对于 input 和 select 元素。此外，如果元素包含浏览器默认字体中不存在的字符，则浏览器应扫描系统中的字体以找到包含该字体的字符。

jQuery('.elem').css('font-family') 返回的内容实际上是一个不同的问题，应该单独询问并标记为 jquery 问题。然而，答案很简单:根据 jQuery documentation , .css(font-family) 返回匹配元素集中第一个元素的 font-family 的计算值。在没有任何 CSS 设置的情况下，这将是用作浏览器默认字体的特定字体系列。如上所述，这并不能保证元素中的所有(或任何!)字符都将以该字体显示——只是浏览器在查找字符的字体时将首先检查该字体。