浏览器字体默认

Rya*_*yan 3 css fonts default font-family

假设我将font-family页面主体设置为font1,font2,font3,然后将h1标签设置font family为font4,font5.如果没有安装字体4和5,浏览器会在使用浏览器默认字体之前尝试字体1,2和3吗?

Bol*_*ock 5

不,因为当您指定时font-family,字体堆栈不会从父元素继承,然后添加到.你给它一个全新的自己的字体堆栈,与它的父元素分开.

如果您希望浏览器使用前三种字体<h1>,则需要指定:

body { font-family: font1, font2, font3; }
h1 { font-family: font4, font5, font1, font2, font3; }
Run Code Online (Sandbox Code Playgroud)

单调乏味,但这就是CSS的font-family工作原理:)