webview 中textarea设置斜体字体失效的解决方法

在项目中需要设置textarea中的字体为斜体，可是发现无效

然后想可能是在webview下某些CSS影响了italic

一行一行删掉之后，找到了罪魁祸首”text-rendering"

我再css中设置了

html{text-rendering:optimizeLegibility}

只要把这个属性去掉就可以解决问题了。

下面看看text-rendering这个是干什么用的。

CSS关于文本渲染的属性text-rendering告诉渲染引擎工作时如何优化显示文本。 浏览器会在渲染速度、易读性（清晰度）和几何精度方面做一个权衡。

它的值如下：

auto:

当绘制文本时，浏览器会进行智能识别，何时应该从速度、清晰度和几何精度方 面进行优化。关于各浏览器对该属性解释的差别，参见下面的兼容性表格。

optimizeSpeed：

当绘制文本时，浏览器会着重渲染速度，而不是清晰度和几何精度。该属性值不 能用于字距调整和连字。Gecko默认开启该属性，Firefox 是默认20px以下开启该属性。

optimizeLegibility：

当绘制文本时，浏览器会侧重文本的可读性（清晰度），而不是渲染速度和几何 精度。该属性值可以用于字距调整和连字。

使 用CSS 3的@font-face来渲染文字的情况越来越多，易读性开始被关注和重视。尤其是小号的文字。由于目前还没有CSS属性控制显示在线字体的微妙细 节，Safari 5,Chrome和Webkit系列浏览器支持text-rendering启用kerning 和 ligatures。

Gecko 和WebKit 浏览器处理这个属性的方式很不一样。前者默认启用这个特性， 而后者，你需要将其设置为optimizeLegibility。Firefox默认20px以上字体文本会开启该属性。

geometricPrecision：

当绘制文本时，浏览器会着重几何精度，而不是清晰度和渲染速度。字体的某些 方面，比如字间距并不是按照线性比例进行渲染的，因此该属性可以使得设置为 这些字体的文本看起来很整洁。