CSS-字体样式属性

font-size:字体大小

em:相对于当前对象内文本的字体尺寸
px:像素
in:英寸
cm:厘米
mm:毫米
pt:点
  尽量使用偶数的数字字号,IE6等老式浏览器支持奇数会有bug

font-family:字体

        常用的字体有宋体、微软雅黑、黑体等。可以同时制定多个字体,中间以逗号隔开,表示如果浏览器不支持第一个字体,就会尝试下一个,直到找到合适的字体。

Unicode字体

        在CSS中设置字体名称,直接写中文是可以的,但是在文件编码不匹配时会产生乱码的错误,xp系统不支持类似“微软雅黑”这样的中文。
方案一:用英文代替
方案二:在css中直接使用unicode编码来写字体名称是可以避免这些错误的,使用unicode写中文字体名称,浏览器是可以正确解析的。
以后尽量写unicode字体。

font-weight:字体粗细

css实现字体加粗是没有语义的。
normal(400) bold(700) bolder lighter

font-style:字体样式

normal:指定文本字体样式为正常的字体
italic:指定文本字体样式为斜体
oblique:指定文本字体样式为倾斜的字体

总结

字体的综合设置
font:font-style font-weight font-size font-family
其中不需要设置的属性是可以省略的(取默认值),但必须保留font-size和font-family

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容