浏览器自带的字体是指在用户的计算机上已经安装好的字体。由于每个计算机中安装的字体不同,因此浏览器自带的字体也会有所不同。但是,大家可以利用CSS的通用字体族来让浏览器自动选择用户计算机中已经安装的字体。
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
在上面的代码中,大家使用了通用字体族,它包括了五种字体:serif、sans-serif、monospace、cursive和fantasy。其中,大家使用了sans-serif作为主字体,这意味着浏览器会自动选择用户计算机中的 sans-serif 字体,如果用户计算机中没有 sans-serif 字体,则浏览器会选择下一个字体,也就是 Helvetica。如果 Helvetica 也不存在,则浏览器会选择 Arial。如果 Arial 也不存在,则浏览器会选择 sans-serif,也就是默认的无衬线字体。
在使用通用字体族时,大家可以根据需要添加多个字体。例如,上面的代码中添加了 Helvetica、Arial,这两种字体是比较常用的无衬线字体。如果您有自己喜欢的其他字体,也可以添加到通用字体族中。
使用浏览器自带的字体可以带来一些好处。首先,它可以提高加载速度,因为如果用户计算机中已经安装了所需的字体,那么浏览器无需再向服务器请求字体文件。另外,使用自带的字体也可以使网页的排版更加一致,因为不同的字体可能会在不同的计算机上显示不同的效果。
不过,使用浏览器自带的字体也存在一些问题。由于每个计算机中安装的字体不同,因此无法保证网页在所有计算机上显示的效果都相同。而且,有些字体可能在不同的浏览器中有不同的效果。因此,如果您追求完美的排版效果,建议使用自定义字体。