25、华丽的&符号

2017-04-20  本文已影响0人  Elevens_regret

不添加额外的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;
}
上一篇下一篇

猜你喜欢

热点阅读