web开发——在网页中引用字体包(.ttf),即嵌入特殊字体

时间:2021-03-08 18:46:21

在写html时,有点时候需要显示一些特殊字体,不过这些特殊字体是系统一般不自带的,这时就需要我们自行加载要用的字体。方法如下:

1、首先在style里添加:

@font-face {
font-family: mFont;
src: url('../font/crapaud_petit.ttf');
}

font-family属性定义的该字体引用名,方便引用

src:url后是本地字体资源.ttf的相对路径

<h1 font-family="mFont">test</h1>