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

96
稻米鼠 B67c298d f020 4f89 aac6 0710bc0709ec
2019.06.09 06:11 字数 149

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

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

@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,教程,编程,前端入门,基础课程
代码能有多难?-2019