前端与设计之美 ： 字体之美
本文将探索Web字体的前世今生。
网页中字体有多重要？
web字体的选择和运用是非常重要的 ，字体设置没到位，设计师跟你拼命。
你真的了解字体吗？
如果你想认真研究一下字体的话，本文给的所有链接建议都看一遍。看完你对Web字体的运用技巧绝对超过99%的前端。
- 字体格式原理
- 字体分类
- 浏览器如何渲染字体 / 字体渲染过程
- 各终端字体情况
- 谷歌：网页字体优化
如何优雅的声明字体？
影响网页中字体的因素有很多，lang,charset,font-family等， 先确保页面正确的设置了lang属性 (zh-CN)和charset(UTF-8),因为这会直接影响默认字体。
然后主要就是font-family了，字体声明的顺序也是很讲究的，下面是比较合理的声明顺序： css font-family: Helvetica, STXihei, "Microsoft YaHei", Arial, SimSun,sans-serif; 至于为什么， 这篇文章写的很详细我就不做搬运工了。
如何优雅的引用特定字体？
line-height,vertical-align,...
如何驾驭字体排版？
如何驾驭WEB字体设计？
前面说的一切都是基础，就算你全部学完，也不见得会针对不同的页面和场景使用不同的字体，因为对于程序员来说，设计排版是UED的事。
但你不一样，你是前端。接下来的内容，就算是专业设计师也不一定知道。
实战应用
总结
正文到此结束
热门推荐
相关文章
近期评论
-
文章和留言都翻到11页了 没有OOM
-
-
朋友，翻页到11页，及以后，会出现OOM，无法访问
-
-
搞个gitee的项目
-
-
版本号是多少，你可以下载哪个代码仓库，jdk选1.8 直接跑就行
-
-
-
Loading...
![[HBLOG]公众号](https://www.liuhaihua.cn/img/qrcode_gzh.jpg)
