CSS设置字体样式
在CSS中设置字体样式主要使用font-family属性来指定元素的字体系列，font-size属性来指定字体的大小，font-weight属性来指定字体的粗细，font-style属性来指定字体的风格（如斜体）。
以下是一个简单的例子，演示如何在CSS中设置字体样式：
p {
font-family: "Helvetica", "Arial", sans-serif; /* 设置字体为Helvetica或Arial或将sans-serif作为后备字体 */
font-size: 16px; /* 设置字体大小为16像素 */
font-weight: bold; /* 设置字体为粗体 */
font-style: italic; /* 设置字体风格为斜体 */
}在HTML中使用这个样式：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Font Style Example</title>
<style>
p {
font-family: "Helvetica", "Arial", sans-serif;
font-size: 16px;
font-weight: bold;
font-style: italic;
}
</style>
</head>
<body>
<p>This is a paragraph with custom font style.</p>
</body>
</html>在这个例子中，段落<p>的字体被设置为Helvetica或Arial，如果浏览器不支持这些字体，则会使用无衬线字体sans-serif。字体大小为16像素，字体粗细为粗体，字体风格为斜体。
评论已关闭