css引入本体字体 |css宽度百分比父级

@font-face {
font-family: 'myfont';
src: url('myfont.ttf') format('truetype');
}

以上代码的含义是定义了一个名为”myfont”的字体，字体文件的路径为”myfont.ttf”，文件格式为”truetype”。接下来，大家可以通过以下方式来应用自定义字体：

body {
font-family: 'myfont', Arial, sans-serif;
}

当浏览器无法加载自定义字体时，会自动采用备选字体。上述代码中的备选字体为”Arial”和”sans-serif”，若都无法加载，则浏览器会采用默认字体。

需要注意的是，字体文件的大小会影响页面的加载速度，因此应尽量选择较小的字体文件，并合理使用缓存机制。