如何導入自己下載的字體?
首先,我們下載的字體格式一般是.ttf
或者.otf
,我們需要在樣式表中定義我們下載的字體,也就是在style
中定義,定義的是font-family
(字體族)
@font-face {
font-family: MyFontName;//自定義字體名稱
src: url(Mother-Tongue-Personal-Use-2.otf)//文件名
}
接下來,當我們想應用導入的字體時,比如:
dt{
font-size:100px;
font-family: MyNewFont; //在這裏應用
}
dd{
font-size:90px;
font-family: MyNewFont; //在這裏應用
}
h3{
font-size:120px;
font-family: MyNewFont; //在這裏應用
color:red;
}
<body>
<div class="div1">
<h3>Hello world!!!</h3>
<dl>
<dt>Some Words</dt>
<dd>I love you!!!</dd>
<dd>I love progamming!!!</dd>
<dd>I love progamming!!!</dd>
<dd>I love progamming!!!</dd>
<dd>I love progamming!!!</dd>
<dd>I love progamming!!!</dd>
<dd>I love progamming!!!</dd>
</dl>
</div>
</body>
效果如下: