当使用font-variant时,Firefox会显示包含x的框:small caps& text-transform:capitalize

时间:2016-09-28 16:44:08

标签: css css3 firefox text fonts

使用

时,Firefox会显示带有x的框
<xh:html
    xmlns:xh="http://www.w3.org/1999/xhtml"
    xmlns:xf="http://www.w3.org/2002/xforms"
    xmlns:xxf="http://orbeon.org/oxf/xml/xforms">
    <xh:head>
        <xf:model>
            <xf:instance id="json">
                <json type="object">
                   <data>{ "name": "Mark", "age": 21 }</data>
                 </json>
            </xf:instance>
        </xf:model>
    </xh:head>
    <xh:body>
        <xf:output
            xmlns:converter="org.orbeon.oxf.json.Converter"
            value="
                xxf:serialize(
                    converter:jsonStringToXml(instance('json')/data),
                    'xml'
                )"/>
    </xh:body>
</xh:html>

Firefox IMG屏幕截图:

这应该是它的样子:

Google Chrome IMG屏幕截图

字体系列为:{ font-variant: small caps; text-transform: capitalize; }

1 个答案:

答案 0 :(得分:1)

我注意到的第一件事是font-variant:小型大写应该是“小型大写”。 http://www.w3schools.com/cssref/pr_font_font-variant.asp