Helvetica在ipad的横向模式中的字体变化

Question

我在iPad应用程序中使用了helvetica字体，但它在纵向模式和横向上显示出不同的视觉效果。在纵向模式下，文字是完美的粗体，但在横向模式下，它显示出比平常更大胆的效果。

任何想法？

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
     -webkit-text-size-adjust: none;
}

@font-face {
            font-family: "Helvetica Neue";
            src: url('helvetican.ttf');
        }
    .myclass
    { 
        color: #ffffff;
        font:bold 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
        line-height: 16px;
        width:100%; 
        height:30px;
        overflow: hidden; 
    }

Answer 1

如果确实需要它是相同的，除了正常的重量外，还要对字体的粗体进行编码，并为粗体指定。

这样你就依赖于设备对字体的渲染，而不是字体的设备渲染，而是它自己对如何加粗以使其变粗的解释。

在你目前的设置中，仅提供一个重量，iPad被迫猜测大胆应该是什么样子，我认为这是造成你问题的原因。