css渲染（一）字体

一、字体属性

1.默认字体系列

　　chrome/opera:"宋体"

　　firefox:"微软雅黑"

　　safari/IE:Times,"宋体"

2.字体属性

字体类型

font-family　　初始化时定义字体类型，如宋体

font-family: arial，“宋体”,“微软雅黑”; 　　//【注意】若浏览器识别第一个字体，则以第一个字体显示；如果不识别，则尝试下一个。

字体大小

font-size

　　应用于: 所有元素

　　继承性: 有

　　百分数: 相对于父元素的字体大小font-size

默认字体大小

　　chrome/firefox/opera/IE/safari:16px

最小字体大小

　　chrome:12px

　　opera:9px

　　safari/IE/firefox:无

字体加粗

【1】常用值

font-weight: normal(正常，默认)
font-weight: bold(加粗)

【2】所有值

　　normal(正常)/bold(粗体)/bolder(更粗)/lighter(更细)

　　100/200/300/400/500/600/700/800/900 (100为最细，900为最粗)

字体风格

font-style: normal(默认)
font-style: italic(斜体)
font-style: oblique(倾斜)

行高

line-height: normal(默认)
line-height: 具体值

颜色　

color：red

css渲染（一）字体相关推荐

CSS 渲染原理以及优化策略
大厂技术高级前端 Node进阶点击上方程序员成长指北,关注公众号回复1,加入高级Node交流群推荐理由:由浅入深,鞭辟入里. 提起 CSS 很多童鞋都很不屑,尤其是看到 RedMonk ...
CSS中对字体进行设置
在对字体设置的时候,我们可以设置字体的字体系列,字体的样式,字体的大小,字体加粗,和字体转换.下面我们来一一的对字体的这些设置进行分析. 字体系列: 在CSS中有两种类型的字体系列: 通用的字体系列: ...
DIV+CSS如何设置字体间距
CSS如何设置字体间距设置字间距,顾名思义就是设置字和字之间的距离. 在CSS中,调整字间距的属性是 leeter-spacing ,该属性定义了在文本字符之间插入多少空间,这里允许使用负值,这会让 ...
CSS属性之字体(Font)
CSS属性之字体(Font) font:[ [ "| || ]? [ / ]? ] 复合属性,各属性见下文. 必须同时包含font-size和font-family,且这两个值顺序不能变, ...
CSS基础(part7)--字体样式属性
学习笔记,仅供参考,有错必纠参考自:CSS中文文档文章目录 CSS CSS的长度单位字体样式属性 font-size font-family font-weight font-style fon ...
在php里让字体划过变色,鼠标划过字体时如何用css来实现字体变色？（代码实测）...
当我们在浏览网页时,鼠标划过某段文字会出现变色效果,这就是css字体变色,一方面是为了主动吸引人用户目光去点击,另一方面是为了防止用户点击错其他文字段落.其实这种css鼠标经过字体变色的效果是非常容易 ...
教你玩转CSS的所有字体，走过路过不要错过！！！
目录 CSS 字体 CSS字型字体系列字体样式字体大小设置字体大小像素用em来设置字体大小
[css] css如何消除字体的锯齿？
[css] css如何消除字体的锯齿? -webkit-font-smoothing:antialiased; 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家 ...
[css] 如何解决css加载字体跨域的问题？
[css] 如何解决css加载字体跨域的问题? 刚才碰到一个css加载字体跨域问题,记录一下. 站点的动态请求与静态文件请求是不同的域名的.站点的域名为 www.domain.com,而静态文件的域名 ...
[Css] 使用css如何拉伸字体？
[Css] 使用css如何拉伸字体? letter-spacing,transform:scale 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论主 ...

css渲染（一）字体

行高

css渲染（一）字体相关推荐

最新文章

热门文章

css渲染（一） 字体

行高

css渲染（一） 字体相关推荐

最新文章

热门文章

css渲染（一）字体

css渲染（一）字体相关推荐