第三十六章 外部字体 - 《代码能有多难？》

上一章说到了我们选用字体的尴尬，毕竟只指定一个名称，局限性太大了。那我们能不能为用户提供字体呢？我们的网页用我们自己提供的字体来显示，想想又觉得世界很美好了。

这个事情还真的能够做到，而且难度也不大。这就是引入外部字体，我们来写一下看看吧：

@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

……

**继续阅读 >>> ：[第三十六章 外部字体 - 《代码能有多难？》 —— Writed by 稻米鼠](https://dmnydn.com/courses/lesson-0036?from=jianshu)**

（小白都看的懂，学得会的前端代码教程，睡前看一章，轻松学代码。）

**Tags：** Web，HTML，CSS，教程，编程，前端入门，基础课程