上一章說到了我們選用字體的尷尬，畢竟只指定一個(gè)名稱，局限性太大了。那我們能不能為用戶提供字體呢？我們的網(wǎng)頁用我們自己提供的字體來顯示，想想又覺得世界很美好了。

這個(gè)事情還真的能夠做到，而且難度也不大。這就是引入外部字體，我們來寫一下看看吧：

@font-face {
  font-family: "小老鼠長得帥帥噠";
  src: url("font/LaPointesRoad.ttf");
}
p {
  font-family: "小老鼠長得帥帥噠";
}

先來看一看效果:

{% codeshow %}
<style>
@font-face {
font-family: "小老鼠長得帥帥噠";
src: url("LaPointesRoad.ttf");
}
</style>
<p style="font-family: '小老鼠長得帥帥噠';">Hello World!</p>
{% e

……

**繼續(xù)閱讀 >>> ：[第三十六章 外部字體 - 《代碼能有多難？》 —— Writed by 稻米鼠](https://dmnydn.com/courses/lesson-0036?from=jianshu)**

（小白都看的懂，學(xué)得會的前端代碼教程，睡前看一章，輕松學(xué)代碼。）

**Tags：** Web，HTML，CSS，教程，編程，前端入門，基礎(chǔ)課程