CSS中五种通用的字体系列
Serif 衬线体:Georgia、宋体
Sans-Serif 无衬线体:Arial、Helvetica、黑体、微软雅黑
Cursive 手写体:Caflisch Script、楷体
Fantasy 梦幻字体:Comic Sans MS, Papyrus, Zapfino
Monospace 等宽字体:Consolas、Courier、中文字体
font-style
定义文字是以倾斜体还是正常方式显示的。
取值:
normal - 文本正常显示 | italic - 文本斜体显示 | oblique - 文本倾斜显示
怎样设置多个字体,设置多个字体的时候要注意
在使用font-family时,英文字体放在中文字体前面,最后总是添加通用字体族。
<h1>一级标题</h1>
<style type="text/css">
h1 {
font-family: Consolas, Courier;
text-align: center;
}
</style>
px,em,rem这几个单位的不同
px 在缩放页面时无法调整那些使用它作为单位的字体、按钮等的大小;
em 的值并不是固定的,会继承父级元素的字体大小,代表倍数;
rem 的值并不是固定的,始终是基于根元素 <html> 的,也代表倍数。