通过此文，你能了解到： 使用css属性设置文本描边的方法； 在浏览器中对于文本描边属性 text-stroke 的支持程度以及其替换属性 text-shadow的应用 。

在一些 web 活动页中经常能看到特殊处理的标题文字，比如这样的 暂时忽略掉特殊字体，通过设计稿的图层样式可以发现，共有 3 个文字特效，分别是渐变、描边、投影 作为一个有追求的前端，当然不会直接用图

Web 项目中，使用一个适合的字体能给用户带来良好的体验。但是字体文件这么多，如果设计师或者开发人员想要查询字体，只能一个个打开，非常影响工作效率。因此，我负责的平台项目刚好需要实现一个功能，能够支持根据固定文字以及用户输入预览字体。在实现这一功能的过程中主要解决两个问题： 现…

在做营销活动的时候，设计稿这边使用了"思源"的字体。为了统一整个页面的字体风格，于是就把用到的字体引进来项目，但是最后发现字体大小竟然达到了 14MB，加载时间为3.74秒，可以预想到加载时间会进一步增长。如果用户还处于弱网环境下，这个等待时间是不能接受的。 font-spid…

大部分人只知道 CSS 样式中有 font-family 这个属性，但是对于衬线字体和非衬线字体，中文字体与西文字体的选择，不同操作系统下的选择都不尽了解，本文将详细深入的探讨不同字体的选择，及 font-family 的书写规则 。

font-family详解: 1、 font-family使用 2、font-family相关知识 3、font-family解析规则 4、font-family设置原则 ......

注意系统默认字体和浏览器默认字体这个差别。 这两个值是特殊供 iOS 和 macOS(OS X) 使用的属性值，前者只被 Safari 识别，后者只被 Chrome 识别。也就是说它们是 Webkit 私有属性，这两个值强大的地方就在于，其会根据系统版本的不同，渲染出不同的字体…

这次项目中UI小姐姐要求用平方等其他字体，遂引入了这些字体，打包的时候发现，OMG，一个字体文件竟然要10M，实在不能忍，于是开始了字体文件大小的优化实践，最后变成38KB一个，还行吧。 font-spider 字蛛 原理是通过爬取HTML文件以及关联的CSS，找到设置了字体的…

本文是内部的一次分享沉淀，偏向基础但是涉及了一些有意思的细节，文笔有限，才疏学浅，文中若有不正之处，万望告知。 前端的一大工作内容就是去兼容页面在不同内核的浏览器，不同的设备，不同的分辨率下的行为，使页面的能正常工作在各种各样的宿主环境当中。 而本文的主题 -- 移动端开发的兼…