CSS:斜体中文
——中文斜体的默认角度, 三五个斜体字还是可以,集中超过十个准没法看, 微软雅黑和得意黑的斜体都没法看。
把倾斜角度调小一点,
标准语法是font-style:oblique -5deg
,但Chrome没实现此语法;
用transform:skewX()
,加display:inline-block
也可以实现。
经测试,倾斜角10°以内比较美观。
em{font-style:normal;transform:skewX(-7deg);display:inline-block}
需要注意的是skewX
的文字换行会出错,不可以换行,
skewX
倾斜处理要_把文字当成一块_。
这是一段长文字,这是一段长文字,这是一段长文字,这是一段长文字,这是一段长文字,这是一段长文字…… 因为我已经习惯“依语义换行”,这个问题就完全不会出现。
如果没有按语义换行的习惯, 则要注意只对词、对成语等很短的部分使用斜体。 如果又要对较长的文字应用斜体,则会遇到一些困难。