css自定义字体

时间 2019-12-14

标签 css 自定义字体栏目 CSS 繁體版

原文原文链接

前提条件：必需要先有字体文件，好比 .ttf文件，叫 UI 给或者百度本身下载；字体

一、使用@font-face引入字体文件，而且定义该字体的名称为：myFirstFont（本身随便写）url

<style> 
　　@font-face{
　　　　font-family: myFirstFont;
　　　　src: url('你本身的字体文件路径.ttf')
　　}
</style>

二、使用:spa

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

三、效果：code