不添加額外的HTML結(jié)構(gòu),對(duì)單一文字使用特殊字體的原理:使用@font-face規(guī)則引入字體文件,且字體文件只包含需要改變的字符,其他字符會(huì)自動(dòng)回退到其他字體。@font-face可以使用src屬性中的local()函數(shù)包含本地字體。在使用unicode-range屬性來規(guī)定字體使用的字符范圍,這個(gè)范圍可以是單獨(dú)的一個(gè)字體,它的值是Unicode碼位,需要在值的前面加上U+,多個(gè)范圍之間用逗號(hào)隔開。
@font-face {
font-family: Ampersand;
src:local('Baskerville-Italic'),
local('GoudyOldStyle-Italic'),
local('Palatino-Italic'),
local('BookAntiqua-Italic');
unicode-range:U+26; // 26表示&符號(hào)
}
p{
font-family: Ampersand,sans-serif;
}