CSS学习笔记：网络字体、字体图标及精灵图

CSS学习笔记：网络字体、字体图标及精灵图

边框形状

• CSS-Tricks - Tips, Tricks, and Techniques on using Cascading Style Sheets.
• The Shapes of CSS | CSS-Tricks - CSS-Tricks

网络字体设置

• 字体使用步骤：

•  示例：

web fonts兼容性写法

字体图标

•  示例 方式1：

•  示例 方式2： 使用icon font 自带的css文件，同时也要将ttf文件一起导入到css同级目录下

CSS精灵图

• CSS Sprites Generator
• Sprite Cow - Generate CSS for sprite sheets

• 使用示例：

• 示例2：

光标显示