如何给网页设置自己的字体

首先我们定义@font-family样式，这个样式定义好后，并不会对页面起到作用。

@font-face {
font-family: 'Slidefu';
src: local('Slidefu'), url(./assets/fonts/Slidefu-Regular-2.ttf) format('truetype');
}
1
2
3
4
之后我们给元素定义font-family属性，

h1 {
font-family: 'Slidefu';
font-size: 72px;
}
1
2
3
4
这样h1标签可以使用我们定义的字体了
————————————————
版权声明：本文为CSDN博主「鱼CC」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/m0_52372632/article/details/122566511