关于css:引入特殊字体

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,对字体文件压缩;

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理