网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 生活知识 知识问答

css中如何引入第三方字体

时间:2024-11-03 19:28:00

1、在文件夹中放入ttf、otf等格式的字体,这些都是一个字体的不同格式,是为了兼容不同的浏览器,然后创建一个html文件test。

css中如何引入第三方字体

2、在test页面中添加一个class为anim的div。

css中如何引入第三方字体

3、接着设置anim的宽高等样式。

css中如何引入第三方字体

4、创建一个font-face,设置字体为 test ,在src中把我们的字体文件都包含进去。

css中如何引入第三方字体

5、现在我们就可以在anim样式中通过 font-family:test 来使用这个字体。

css中如何引入第三方字体

6、在浏览器中打开test文件,我们发现文字已经变成我们的字体了。

css中如何引入第三方字体
© 2026 一点知道
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com