不添加额外的HTML结构,对单一文字使用特殊字体的原理:使用@font-face规则引入字体文件,且字体文件只包含需要改变的字符,其他字符会自动回退到其他字体。@font-face可以使用src属性中的local()函数包含本地字体。在使用unicode-range属性来规定字体使用的字符范围,这个范围可以是单独的一个字体,它的值是Unicode码位,需要在值的前面加上U+,多个范围之间用逗号隔开。
@font-face {
font-family: Ampersand;
src:local('Baskerville-Italic'),
local('GoudyOldStyle-Italic'),
local('Palatino-Italic'),
local('BookAntiqua-Italic');
unicode-range:U+26; // 26表示&符号
}
p{
font-family: Ampersand,sans-serif;
}