学习日记--WEB特殊字体引入

目标:使用特殊字体布局网页

步骤:
1.使用@font-face引入字体源

@font-face {
    font-family: 'BOLD';/*字体名称*/
    src: url('/statics/Fonts/AKZIDENZGROTESK-BOLD.eot');/*字体源文件*/
    src: url('/statics/Fonts/AKZIDENZGROTESK-BOLD.ttf');/*字体源文件*/
}

2.调用字体:

found-size: BOLD

备注:1.一般由于字体文件偏大,不建议使用太多文件,因此我们主要使用两种文件字体,一种是windows使用的eot,一种是W3C服务使用的ttf文件就可以了

2.没有的文件可以使用在线转换工具转换。https://www.fontke.com/tool/convfont/

posted @ 2022-12-06 22:21  轻风细雨_林木木  阅读(72)  评论(0编辑  收藏  举报