css如何单独给一个元素添加自定义字体

发布网友 发布时间:2022-04-20 21:48

我来回答

1个回答

热心网友 时间:2022-04-06 12:02

使用@font-face来实现特殊字体的定义,定义时需要设置src和font-family属性

范例如下(其中,华文行楷只是一个范例,你可以换成任意一个字体):

<style>
@font-face {
font-family: 'myfont';
src: local('华文行楷'), url('STXINGKA.ttf') format('truetype');
}
.con {
font-family: 'myfont';
font-size: 44px;
}
</style>
<div class="con">《HTML5布局之路》</div>
<div>h5course</div>

显示效果:

只有类名为con的div设置了特殊字体

PS:url当中的是你字体文件的路径,假如是放在font文件夹下的某个字体,而你的html文件与font文件夹同级,那么路径就应该是“font/STXINGKA.ttf”。

声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。
E-MAIL:11247931@qq.com