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

相關標籤/搜索