
下面我们来看一下css设置自定义字体的方法。
1、使用@font-face引入字体文件,并且定义该字体的名称为:myFirstFont(自己随便写)
<style>
@font-face{
font-family: myFirstFont;
src: url('你自己的字体文件路径.ttf')
}
</style>2、使用:
<body>
<div>这是默认字体</div>
<div class="my_font">这是自定义字体</div>
<div class="my_font">一二三四五六七八九十</div>
<div class="my_font">哈哈哈哈</div>
</body>
<style>
@font-face{
font-family: myFirstFont;
src: url('你自己的字体文件路径.ttf')
}
.box{ font-family:myFirstFont; }
</style>@font-face规则,网页设计师再也不必使用的"web-safe"的字体之一。
字体的名称,font - face规则:
font-family: myFirstFont;
字体文件包含在您的服务器上的某个地方,参考CSS:
src: url('Sansation_Light.ttf')如果字体文件是在不同的位置,请使用完整的URL:
src: url('字体地址')推荐:css手册
以上就是css自定义字体怎么设置?的详细内容,更多请关注易知道|edz.cc其它相关文章!













