可以使用CSS的font-family属性来设置字体。该属性可以接受一个字体族名称(例如"Arial"、"Times New Roman"等),也可以接受一个由字体名和备选字体族名称组成的列表。如果第一个字体不可用,则会尝试使用备选字体族。
例如,以下CSS代码将所有段落(使用p标签包裹)的字体设置为Arial:
css
p {
font-family: Arial, sans-serif;
}
在这种情况下,如果用户计算机上没有安装Arial字体,则浏览器将尝试使用备选字体族中的sans-serif字体。
可以将字体大小设置为px、em或rem等单位。例如,以下CSS代码将所有标题(使用h3标签包裹)的字体大小设置为18像素:
css
h3 {
font-size: 18px;
}
可以使用font-weight属性将字体设置为粗体或正常体。例如,以下CSS代码将所有重要的关键词(使用高亮颜色)设置为粗体:
css
.highlight {
font-weight: bold;
color: #FF00FF; /* 设置高亮颜色为紫色 */
}
最后,将代码块包裹在pre标签中可以保留代码的格式,例如:
html
/* 这里是CSS代码块 */
body {
font-family: Arial, sans-serif;
font-size: 16px;
}
这将在浏览器中显示一个带有滚动条的代码块,以便用户可以查看所有代码。
2023-05-06 11:55:34 更新