font-kerning属性(CSS设置)
font-kerning属性(CSS设置)
网页默许字体款式在不同的浏览器里表现的往往不一致，浏览器最终呈现出的款式受三层控制：
浏览器默许款式；
网页界说款式；
用户自界说款式；
优先级为3 > 2 > 1，即用户自界说款式能够掩盖网页界说款式，而网页界说款式能够掩盖浏览器默许款式。
css中的字体特点：
font-family：规则元素的字体款式，能够设置多个字体称号，称号之间用逗号分隔（如称号之间有空格，需将称号包含在引号之内），浏览器会优先运用它所能识别的第一种字体。
font-family有两种的字体系列称号：
（1）.通用字体系列 （拥有类似外观的字体系列组合）
（2）.特定字体系列 （详细的字体称号），详细字体称号中英文对照详见 css font-family 各称号一览表
两种字体系列均可在font-family特点中运用，其间，css规则了五种通用字体系列：
Serif字体，这些字体成份额，并且有上下短线。Serif 字体的比方包含 Times、Georgia 和 New Century Schoolbook。
Sans-serif字体,这些字体是成份额的，并且没有上下短线。Sans-serif 字体的比方包含 Helvetica、Geneva、Verdana、Arial 或 Univers。
Monospace字体，这些字体不成份额，每个字符的宽度都必须完全相同。这些字体或许有上下短线，也或许没有，Monospace 字体的比方包含 Courier、Courier New 和 Andale Mono。
Cursive字体，这些字体模仿人的手写体，它们主要由曲线和 Serif 字体中没有的笔划装饰组成。Cursive 字体的比方包含 Zapf Chancery、Author 和 Comic Sans。
Fantas字体，这样的字体包含 Western、Woodblock 和 Klingon。
各种通用字体系列的不同详见如下（在chrome浏览器中测验）：
T E S T
这是Serif字体,比方小写 l 顶部和底部的短线，或大写 A 两条腿底部的短线。
这是Sans-serif字体系列,比方小写 l，大写 A 。
这是Monospace字体系列，i和m有相同的宽度，如im。
这是Cursive字体系列,如 A 左腿底部或许有一个小弯，或者完全由花体部分和小的曲折部分组成。
这是Fantasy字体系列，咱们无法很容易地将其规划到任何一种其他的字体系列当中。
这是Times字体系列，理论上讲，用户安装的任何字体系列都会落入到上述某种通用系列中
设定一种字体font-family如：font-family: "Helvetica Neue", Helvetica, Arial,"PingFang SC", "Hiragino Sans GB", "Heiti SC","Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
应在一切的font-family中都供给一个通用字体系列，以防在浏览器无法供给匹配的特定字体时挑选候选字体。
能够运用inherit值，但IE 浏览器不支持inherit特点。
js语法：object.style.fontFamily="Times,Serif";
font-style：规则元素的字体风格，设置运用斜体、歪斜或正常字体
font-style的取值有：
normal：挑选font-family的惯例字体
italic：挑选斜体，假如当前字体没有斜体，则会运用歪斜体oblique替代
oblique：挑选歪斜体，假如当前字体没有歪斜体，则会运用italic替代
inherit：从父元素承继字体款式
各款式不同详见如下（chrome中测验）：
T E S T
这是normal字体，浏览器默许值
这是italic字体，浏览器显现斜体字体款式，对每个字体结构有一些小改动，来反映外观的改变，如 abcdef
这是oblique字体，浏览器显现歪斜字体款式，将正常竖直文本歪斜，如 abcdef
其间，italic和oblique都是斜体和歪斜体，那么它们有什么差异呢？引用 Mozilla 的说法，italic一般是指书写体，相比无款式的字体，通常会占用较少的宽度，而oblique一般只是惯例字体的歪斜版别，而个人的理解是italic会运用font-family中字体的歪斜版别，oblique只是将字体作歪斜处理，类似于ps中的歪斜功用，实际作用没多少差异，一般用italic，假如font-family中没有改字体的italic，浏览器会运用oblique将字体歪斜，若oblique也没有，浏览器会将字体歪斜必定的角度组成仿oblique，知乎上对此也有阐明。
能够运用inherit值，但IE 浏览器不支持inherit特点。
js语法：object.style.fontStyle = "italic";
font-size：规则字体的尺度巨细。实际是设置字体中字符框的高度。
font-size的取值：
肯定字体尺度（小到大）： xx-small，x-small，small，medium，large，x-large，xx-large
相对字体尺度：smaller，larger
长度表明
百分比表明
肯定字体的长度是根据必定的缩放因子改变，css1中缩放因子为1.5，css2中缩放因子为1.2，假如medium的巨细是12px，则large的巨细为（css2）12*1.2 = 14.4 = 14px（四舍五入）。所以肯定字体的巨细要根据1、浏览器默许巨细，2、所运用的字体（font-family）。
相对字体尺度 和 百分比表明 都是根据父级元素元素的相对表明，如larger表明比父级元素更大，100%表明是父级元素的100%巨细。
长度表明的单位有px和em，em是一个相对父元素的值。检查关于em的一些介绍。
各款式不同如下：
T E S T
这是xx-small字体
这是x-small字体
这是small字体
这是medium字体，浏览器默许值
这是large的字体
这是x-large的字体
这是xx-large的字体
这是18px字体
这是1.5em的字体
能够运用inherit值，但IE 浏览器不支持inherit特点。
js语法：object.style.fontSize = "large";
font-weight：规则元素字体的粗细。
font-weight的取值分为关键字法（normal和bold两个）、相对粗细法（bolder和lighter连个）和数值法（100-900）。
font-weight 取值有：
lighter：更细的字符
normal：默许值，界说规范字符
bold：界说粗字符
bolder：更粗的字符
详细的数值，如100，200...900，400等同于normal，700等同于bold。
各款式不同如下：
T E S T
这是lighter字体
这是normal字体，浏览器默许值
这是bold字体
这是bolder字体
这是100的字体
bolder、lighter所代表的字重是根据其父元素承继来的字重，与normal和bold并无联系，详见 Mozilla的font-weight。
有时会遇到font-weight无效的问题，网上的说法是要针对浏览器设置好font-weight特点，SegmentFault对此有阐明。
能够运用inherit值，但IE 浏览器不支持inherit特点。
js语法：object.style.fontWeight = "normal";
font-variant：这一特点值如同都没见过，介绍说是把字母转换成小型大写字母
font-variant的值有：
normal：默许值，浏览器显现规范字体。
small-caps：显现小型大写字母。
各特点值不同如下：
T E S T
hello WORLD,How are you?
hello WORLD,How are,you?
能够运用inherit值，但IE 浏览器不支持inherit特点。
js语法：object.style.fontVariant = "small-caps";
font-kerning：用于调整字体间隔
一般调整中文无效，由于中文本来就显得方正，没必要再进行调整，除非是草书、行书或一些手写体。
IE浏览器下无效。
具有字距调整信息的opentype字体才有用。可检查一篇大神的文章：font-kerning
font-kerning的值：
auto：浏览器默许值，浏览器主动进行间隔调整
normal：应用字距调整
none：禁用字距调整
一些字体会存在有字距表，字距表列出了特定的字母及它们的间隔调整，运用normal会应用字距调整，而none会禁用字距调整。
font-kerning并不是一切的字符都有用，假如要对一切的字符调整，要运用letter-spacing。
letter-spacing：用于添加或削减字符间的空白。
答应运用负值，假如运用负值，会让字符排得更严密。
letter-spacing的值：
normal：默许值，规则字符间没有额定的空间，等同于0。
length：界说字符间的固定空间，单位有px和em。
能够运用inherit值，但IE 浏览器不支持inherit特点。
js语法：object.style.letterSpacing = "2px";
word-spacing：用于添加或削减单词（word）间的空白。
css把字（word）界说为任何非空白字符字符组成的串，这对于英文就是一个个单词，但对于咱们汉语呢？来看看作用：
T E S T
Today is Tuesday,let's high happy
Today is Tuesday,let's high happy
这是第三段文字，今天是星期二，让咱们嗨起来
这是第四段文字，今天是星期二，让咱们嗨起来
能够看出对英文有用果，但对中文没有用果。
line-height：用于设置行间的间隔（行高），不答应运用负值。
line-height的值：
normal：默许值
运用百分比，会承继父级元素的行高
运用像素值px
运用数值来设定行高，直接界说数值而不运用单位相当于界说一个缩放因子
作品标签： CSS
优秀作品：
评论列表（共305人参与）参与讨论或分享设计作品获得视觉癖积分奖励
是一门一注册会员
2021-08-20 20:10:16
1.爱我中游客
2021-08-20 7:49:30
游客47262：font-kerning属性际就会忘了你。 12.承受不了的就释放，接受不来的就回绝。 13.那些看似不起波涛的日复一日，会在某天让你看到坚持的意义。 各种生日蛋糕图片大全 生日是一个很有纪念意义的日子，不管是现在还是
回复
