font: font-style font-weight font-size/line-height font-family
其中,font-style指定字体风格,font-weight指定字体粗细,font-size/line-height指定字体大小和行高,font-family指定字体系列。使用字体缩写可以减少代码量,提高加载速度。
此外,使用Web Font也可以加速字体的加载。Web Font是指使用CSS中的@font-face规则,将字体文件引入网页中,从而实现在网页中使用自定义字体的功能。使用Web Font可以避免在不同浏览器中出现字体兼容问题,同时还可以减少字体的加载时间。
@font-face { font-family: 'MyFont'; src: url('myfont.woff2') format('woff2'), url('myfont.woff') format('woff'); font-weight: normal; font-style: normal; } body { font-family: 'MyFont', sans-serif; }
在使用Web Font时,应尽量减少字体文件的大小,以提高字体加载速度。同时,应选择优质的字体文件,保证字体在不同设备上都能够正常显示。