Html 定义多种字体大小的CSS

Html 定义多种字体大小的CSS,html,css,fonts,Html,Css,Fonts,我的网站使用视口大小(vw)作为字体大小 然而,正如许多人已经知道的那样,大众在某些浏览器中不起作用 因此,我想为我的html标记定义一个额外的字体大小,以防用户的浏览器不支持vw大小 有办法做到这一点吗 我在想 font-size: 1vw 1em; 但显然这不起作用,因为1em将指定行高而不是字体大小 有办法做到这一点吗 谢谢您只需在支持较少的情况下指定回退值即可: span { font-size: 10em; font-size: 10vw; } 如果浏览器不支持vw

我的网站使用视口大小(vw)作为字体大小

然而,正如许多人已经知道的那样,大众在某些浏览器中不起作用

因此,我想为我的html标记定义一个额外的字体大小,以防用户的浏览器不支持vw大小

有办法做到这一点吗

我在想

font-size: 1vw 1em;
但显然这不起作用,因为1em将指定行高而不是字体大小

有办法做到这一点吗


谢谢

您只需在支持较少的情况下指定回退值即可:

span {
    font-size: 10em;
    font-size: 10vw;
}
如果浏览器不支持
vw
单位,则
字体大小将为
10em

如果您想看到这一点,请尝试在IE8/7中查看

span{
字号:10em;
字体大小:10vw;
}
如果浏览器不支持vw单位,字体大小将为10em