字体颜色不起作用

时间:2012-12-19 05:27:04

标签: html ios

我在iPad应用中提供了以下html细分。

<font size="4px" face="HelveticaNeue" color=rgb(49,49,49)>ABC</font>

它应该是深灰色,它在iOS 5.1下面。但是在iOS 6上它是绿色的,它在chrome和firefox中也显示绿色。

上面的代码有什么问题吗?为什么它在之前的iOS中有效?

感谢。

3 个答案:

答案 0 :(得分:2)

HTML 4.01 specificationsize元素中font属性的值具有数值,没有任何单位,并且该值被视为浏览器的索引 - 依赖的大小数组。此外,如果将CSS视为4像素,4px会产生很小的尺寸 - 在这个尺寸下,几乎所有字体都变得难以辨认。空格在字体名称中很重要,因此HelveticaNeueHelvetica Neue完全不同。 color属性值必须是以#为前缀的6位十六进制代码或规范中定义的关键字之一。

虚假</span>标记是语法错误,但通常会被浏览器忽略。但是,如果前面的<span>标记还没有匹配的结束标记,那么(作为常见错误恢复的一部分)结束标记将结束其效果。

因此,代码可以在任何地方运行,这是一个奇迹。这样做只是因为你在一个特殊的环境中使用它,font标记的解释方式恰好符合你的预期。

前提是4px你不是指4个像素而是1个大小为4的尺码,大小接下来大于默认值,那么下面的符合:

<font size="4" face="Helvetica Neue" style="color:#313131;">Text hereABC</font>

虽然大多数人会认为使用CSS更合适。在CSS中,您可以使用例如颜色值如rgb(49,49,49)

答案 1 :(得分:0)

使用此<font size="4px" face="HelveticaNeue" style="color:#313131;">Text here</span>ABC</font>

答案 2 :(得分:0)

HTML5不支持<font>标签。改用CSS!

如果您仍要使用color属性,则应尝试使用十六进制值#xxxxxx而不是rgb(x,x,x)