<style>
    /*定义字体库*/
	@font-face {
		font-family: WebFont;  // 字体名称
		src:url('font.ttf'); // 字体文件路径
	}
	div {
		font-family: WebFont; // 使用字体
		font-size: 50px;
		color: blue;
	}
</style>
<div>abc</div>

运行效果 ：