HTML字体样式

HTML字体基本样式

字体样式

font-style
值：
italic 设置支持斜体的字体为斜体 开发中常用
oblique 强制字体设置斜体
normal 正常字体

		<p style="font-style: oblique;">两岸猿声啼不住</p>
		<p style="font-style: normal;">两岸猿声啼不住</p>

设置字体是否加粗

font-weight
值：
normal 正常不加粗
bold 加粗
bolder 更粗（但是渲染效果和bold是一致的）
数值 100-900 逐渐加粗
400 == normal
700 == bold
900 == bolder

		<p style="font-weight: bold;">哪吒</p>
		<p style="font-weight: 700;">哪吒</p>
		<string style="font-weight: normal;">哪吒</string>

字体大小

font-size
值：
值是数字 单位px 像素 （常用）
pt 磅
em 相对单位
1.谷歌浏览器支持的最小字体像素是12px
2.浏览器默认字体大小为16px

<p style="font-size: 40px;">哪吒</p>

设置字体

font-family
值：
直接使用页面设计所需要的字体，可以写多个，例如
font-family:a字体,b字体,c字体…;
通用字体
1.Arial
2.serif

<p style="font-family:'新宋体','楷体';">哪吒</p>

字体组合写法，字体是一个符合属性
书写复合属性等等顺序是
font：font-style font-weight font-size font-family
注意：复合写法最少要有font-size和font-family

<p style="font: italic bold 30px Arial;">哪吒</p>