设计师就业衔接班！45天 PS、AI、AE 从入门到入行 详情戳>>>
本文帮助大家了解设计稿和线上页面字体的关系，以及 Emoji 表情文字的显示方法，一起揭开字体中的秘密。
网站最基本的功能是呈现信息，让用户可以阅读。字体的展示和排版自然也是网页设计师工作的重要内容之一。
技术和设计趋势一样，随着时间的推移总在不停地变化。对于网页设计师和前端而言，字体和排版所涉及到的技术和设计尤其是如此。
时下一种流行的设计方式是在页面顶部使用配有简洁文字的大幅图片或者视频，以此吸引用户进入网站。这种设计方式最头疼的就是如何为这些文字选择合适的字体。
本文通过分析日式网站的色彩、图片、文字和元素运用，帮你充分吸收日式网站的精华，让中文网站的设计也变得高大上!色彩当我们看到小清新的网站的时候首先一定会想到日式网站。
编者按：选择与设计相符的字体、展现视觉的层次感、衬线体与非衬线体一起使用、避免字体冲突、避免使用相似的字体进行组合、限制你所使用的字体数量… 今天@喪心病狂十六夜貓 这篇译文总结了运用好字体的设计原则，都是基础但不可忽视的，适合新手学习或重温。实例教学系列：《实例教学!
betsey：本文是站在一个网页设计师的角度，所写的关于最佳字体排版实践的手册，包括字体排版设计、Web 字体、Web 样式指导等四个方面，而且每一章后都有扩展阅读帮你深入了解细节，全程高能干货，建议阅读。目录简介字体排版设计视觉层次字体排版中的格式塔原则字体选择字体使用web字体字体加载OpenType的特性Web 样式指导相对大小容器字体尺寸垂直间隔颜色下划线总结简介字体排版绝不仅仅是使用字体那么简单，它包括了关于文字”看上...
现时有很多网站流行使用网页字体，这些字体大部分来自 Google Font 提供的700+免费字体，对于网页设计师和前端人员来说，是个很棒的字体库，设计师可以使用字体库提供的免费字体来网页设计，而前端人员可以直接调用 Web Font 样式，极其方便。这篇文章教你怎么用!
对于网页和APP而言，良好的排版不仅仅是摆上漂亮的字体就可以搞定的，高度的可读性和可识别性并不是简单的要求，视觉设计和内容风格也应当做好一致性。虽然这些要求看起来和“高大上”的需求一样空泛，但是找准方向稍加训练，并不难做到。
编者按：你以为的加粗很多是假粗体；下划线只是打字机时代的产物，如今根本不能用；中文没有斜体…. 以上仅仅是@justfont 这篇好文的众多亮点之一，这不仅是一堂生动的字体科普课，也附上了强调文本的实用方法。只要你需要排版，这篇文章就不能放过，都是基础功呀。
编者按：想让你的网站瞬间提升质感?试试谷歌和Adobe联合推出的「思源黑体」!
文字、文本排版是日常工作中经常用到，看似简单的文字，实际上排版也是很有讲究，今天为大家整理一组信息图：用好文本的18条法则。如果你在版式方面内力不够精纯，可以跟随这些规则，让你少走很多弯路。
今天，大多数浏览器已经默认支持Web字体，日趋增多的字体特性被嵌入最新版HTML和CSS标准中，Web字体即将迎来一个趋于复杂的崭新时代。下面是一些基本的关于字体的规则，特别适用于Web字体。
估计很多前端人员都知道FontAwesome是一套免费而且好用的Web字体图标，只要在CSS引入这个字体icon，它就可以直接通过class来生成一个图标，而且免费使用。目前图标数量已经更新至585个之多，包含常用的APP UI应用图标、品牌图标等。
编者按：什么样的字体兼具易认性和可读性?中英字体该如何搭配才能保证顺畅阅读?
多年前，麻省理工学院的研究人员已经证实字体影响我们的感受：差的字体使人无意识的反感，好的字体使我们感到高兴。如果字体能够影响我们的情绪，那同样会影响用户体验。
妈妈常说字如其人，到了设计师这里，字体就决定了产品的气质。如何给作品挑选一款合适的字体是非常重要的（完全无法直视设计师简历用宋体!
第一印象通常就是一种持续印象。不管你是否意识到，你的版式能够帮助用户在他们甚至还没有开始读一个字或者点击一个按钮之前建立一个体验。
Mac在诞生的时候就把对字体处理尽可能接近原貌成为它很大的一个卖点，而在这些年亲身使用后，个人感觉Mac下的字体确实看起来比Win下舒服些，特别是在浏览网页时，字体比较“珠圆玉润”，可惜的是Mac目前并不是主流，大多数还是Win用户。所以即使你所使用是Mac，在设计仍然要记得平衡Win下的效果。
写的真棒，案例清晰易懂 谢谢作者
好棒哦，还想看名片篇(ˊo̴̶̷̤ ̫ o̴̶̷̤ˋ)
写得真的非常详细了，虽然看过一些视频教程，但是经常看了就忘了，这篇文章就好像是一篇笔记，可以随时翻看！感谢作者！
写的很棒，受教了
对于头盔，我个人觉得优先考虑安全性问题，多做一下测试，确保人员生命安全才是，对于外形设计，这个和一般的溜冰头盔一个样，就多了一个防护镜，但这个防护镜往往就是个安全隐患，要多加注意
写的真棒，案例清晰易懂 谢谢作者