25、华丽的&符号

不添加额外的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;
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,881评论 18 139
  • Ubuntu的发音 Ubuntu,源于非洲祖鲁人和科萨人的语言,发作 oo-boon-too 的音。了解发音是有意...
    萤火虫de梦阅读 99,529评论 9 467
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • 1、窗体 1、常用属性 (1)Name属性:用来获取或设置窗体的名称,在应用程序中可通过Name属性来引用窗体。 ...
    Moment__格调阅读 4,589评论 0 11
  • 1.现象分析,解决问题类发言套路 我发现现在的现象+我认为出现这个现象的原因+这些原因的本质+我建议(对应原因)+...
    杨美腻阅读 103评论 0 0