字体阴影&艺术字体

凸版印刷效果

对于深色底，浅色字；或中等亮度的背景，深色字

• 出现在底部的浅色投影（或者顶部的暗色投影），会出现物体是凹进平面的错觉

• 出现在底部的深色投影（或者顶部的浅色投影），会出现物体是凸出平面的错觉

空心字效果

使用多层 text-shadow 模拟

• 优点：简单，一层 HTML 即可
• 缺点：性能消耗大，粗边效果不好（因为其是用模糊效果实现的）

svg 实现

• 优点：视觉效果好，性能消耗相对不大
• 缺点：HTML 结构混乱

文字外发光效果

使用多层 text-shadow 叠加产生

不需要偏移量，颜色跟文字颜色一致即可

文字凸起效果

使用一长串累加的投影，不设模糊并以 1px 跨度逐渐错开，使颜色逐渐变暗，然后在底部加一层强烈模糊的暗投影

还有一种标志牌效果