引用ttf等字体文件设置字体

2018-06-20  本文已影响0人  枫叶落尽
<style type="text/css">
@font-face { /* 先将字体从ttf文件引用过来准备好  */
    font-family: 'hakuyoxingshu7000Regular'; /* 后面将要引用的时候使用的字体名,此处随便自定义  */
    src: url('daniel.ttf');   /* 字体ttf文件所在位置 */
}
#test{   
     font-size:45px;
     font-family:hakuyoxingshu7000Regular;  /* 对id为test的元素应用之前已定义的字体 */
     text-align:center;
}
#test {height:50px;line-height:60px;}  /* line-height   控制行间距  这个p会影响第一排的距离*/
</style>
上一篇 下一篇

猜你喜欢

热点阅读