在 CSS3 中，改变字体样式主要依靠与**字体（font）**相关的属性。下面按常见需求分类说明，并给出示例。
p {
font-size: 16px;
}
常用单位：
px（像素）em（相对父元素）rem（相对根元素）%body {
font-family: "Microsoft YaHei", Arial, sans-serif;
}
可设置多个，浏览器按顺序匹配。
h1 {
font-weight: bold; /* 或 100~900 */
}
常用值：
normalbold100 ~ 900em {
font-style: italic;
}
常用值：
normalitalicoblique.text {
text-transform: uppercase;
}
常用值：
uppercase（大写）lowercase（小写）capitalize（首字母大写）@font-face {
font-family: "MyFont";
src: url("myfont.woff2") format("woff2");
}
p {
font-family: "MyFont";
}
h2 {
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
body {
-webkit-font-smoothing: antialiased;
}
p {
font: italic bold 16px/1.5 "Arial", sans-serif;
}
顺序：
font-style font-variant font-weight font-size/line-height font-family
.text {
font-family: "PingFang SC", sans-serif;
font-size: 14px;
font-weight: 600;
font-style: italic;
color: #333;
}
如果你有具体场景（如：网页标题、按钮文字、移动端适配），可以告诉我，我可以给你更针对性的写法。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
