CSS字体类型主要分为衬线字体和无衬线字体两类。衬线字体又称为老式字体,具有很明显的衬线(即字母笔画的末端有额外的线条),如Times New Roman、Georgia等。无衬线字体则相反,没有衬线,如Arial、Helvetica等。衬线字体在印刷领域有很好的阅读效果,而无衬线字体则更适合数字化时代的屏幕显示。
/* 衬线字体 */ font-family: Georgia, serif; /* 无衬线字体 */ font-family: Arial, Helvetica, sans-serif;
CSS字体大小可以通过设定字体的大小或字体大小的百分比来实现。字体大小一般以px、em或rem为单位。需要注意的是,字体的大小应该根据不同的设备和浏览器进行调整,以保证阅读效果最优。
/* 设置字体大小 */ font-size: 16px; /* 将字体大小设置为父元素字体大小的2倍 */ font-size: 200%;
CSS字体粗细可以使用关键字normal、bold或数字来指定。其中,数字取值范围从100到900,数字越大代表字体越粗。
/* 设置字体为正常 */ font-weight: normal; /* 设置字体为粗体 */ font-weight: bold; /* 设置字体为600,即半粗体 */ font-weight: 600;
CSS字体颜色可以使用具体的颜色名称、RGB值或十六进制颜色码来指定。
/* 设置字体颜色为红色 */ color: red; /* 设置字体颜色为RGB值,即红色 */ color: rgb(255, 0, 0); /* 设置字体颜色为十六进制颜色码,即红色 */ color: #FF0000;