字体样式属性主要包括字号、字体、粗细等
(1)font-size:16px; /*字号大小*/
(2)font-family: "Microsoft YaHei", "PingFang SC", sans-serif; /*字体*/
(3)font-weight:700; /*字体粗细*/
(4)font-style:italic; /*斜体*/
(5)font-variant: small-caps ; /*小型大写字母*/
(6)font /*综合设置字体样式*/
代码示例
1. 基础写法
body {
font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
}
说明:不同操作系统默认字体不同,多写兼容性更好。
2. 完整优化方案
body {
font-family:
"Microsoft YaHei", /* Windows 优先 */
"PingFang SC", /* macOS/iOS 适配 */
"Hiragino Sans GB", /* macOS 日文系统备用 */
"微软雅黑", /* 中文系统备用 */
"WenQuanYi Micro Hei", /* Linux 适配 */
sans-serif; /* 最终回退 */
font-weight: 400; /* 正常粗细 */
line-height: 1.5; /* 可选:优化行高 */
}
3. font综合属性
p {
font: italic small-caps bold 16px/1.5 "Microsoft YaHei", sans-serif;
}