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

Posted 2020-12-03 haonanElva

在写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>