10.26

最新推荐文章于 2024-03-17 09:01:10 发布

zephyr_05

最新推荐文章于 2024-03-17 09:01:10 发布

阅读量281

点赞数

分类专栏：培训博客文章标签：引用外部字体谷歌插件livestyle

本文链接：https://blog.csdn.net/zephyr5/article/details/83717611

版权

培训博客专栏收录该内容

4 篇文章

订阅专栏

考核作业

这次考核作业学了不少东西：

1.如何引用外部字体

2.谷歌浏览器插件F12的增强

1.只要用如下css代码：

@font-face {
  font-family: '字体名称'; 
  src: url('字体文件的相对路径/字体文件名称'); 
}

再将下载的字体安装好即可。
2.谷歌浏览器有很多很棒的插件，今天我推荐一个livestyle。它可以配合F12使用，使得你在F12开发工具修改的内容直接和css文件同步，这样你可以直接用F12去调整图片的位置，大小等其他所需的css样式，而不用苦苦的将F12里所做的修改一个一个复制到css文件里，甚至你可以依靠这个插件直接用F12写css样式。利用这个插件，你做出的样式修改立即能直观的显现出来，大大缩短了写css文件所需的时间。