HTML如何设置字体样式?

猿友 2021-03-16 11:45:26 浏览数 (17888)
反馈

我们开发一个页面时,会经常涉及到文字部分。HTML 默认的字体样式为宋体,12px。如果我们不想设置字体为宋体的话,需要为它更改样式。HTML 字体样式的更改需要用到 CSS。

CSS 常用的字体属性有五种:​font-style​、​font-weight​、​font-size​、​font-family​、​font​。

  • font-style:设置斜体。​normal​是正常字体,​italic​设置斜体。

p{font-style:italic}

  • font-weight:设置字体粗细。​normal​是正常,​bold​是字体加粗,​100-900​是粗细程度。

p{font-weight:bold;}
p{font-weight:400;}

  • font-size:设置字体大小。

p{font-size:24px;}

  • font-family:设置字体风格,如微软雅黑,楷体,宋体······

p{font-family:"楷体";}

  • font:同时给字体设置斜体,加粗,大小,字体,每一个值之间用空格隔开,且必须严格按照顺序执行。

p{font:italic bold 24px "楷体";}

以上就是 HTML 如何设置样式的全部内容。更多 HTML 的学习请浏览 HTML 教程


1 人点赞