关于css:引入特殊字体

34次阅读

共计 510 个字符，预计需要花费 2 分钟才能阅读完成。

1、引入非凡字体

@font-face {
    font-family:'specielfont';
    src: url('/static/font/font.ttf'); /* 下载的字体的门路 */
    // 思考到兼容性，须要引入四种字体文件。别离是.eot,.woff,.ttf,.svg 后缀；}

.testFont{font-family: specielfont;} /* 字体的名字 */

2、压缩字体 / 提取字体
间接将字体放在服务器上援用，然而一个中文字体要好几 M，这样做并不适合。找一个在线压缩字体的工具——https://www.fontke.com/tool/subfont/

上传字体，工具将 ttf 中的字体精减，只剩下 html 页面中蕴含的字体。这样一个网页下来，字体文件就几 K，一张图片也要好几十 K 呢，还是十分适合的。

压缩字体：https://blog.csdn.net/weixin_30607029/article/details/99998903

步骤解析：
1、下载所需的字体后，引入字体库到我的项目的 font 文件中；
2、css 引入字体文件，font-face 自定义字体；
3、字体文件太大，应用字蛛 font-spider，对字体文件压缩；

正文完