CSS 自定义字体适用于横向模式但不适用于 iPad 的纵向模式

Question

我正在尝试为我的 iPad 网站使用自定义字体，它适用于横向但不适用于纵向模式。

我的 HTML 结构

body
  #wrapper
    blahblah

风景风格 - 作品

@media only screen and (orientation:landscape){
    @font-face {
        font-family: custom_helvetica;
        src: url('../includes/helvetican.ttf');
    }

    #wrapper {
       width:/*768px;*/1024px;
       font-family: custom_helvetica;
       margin:auto;
    }

Portrait CSS - 不显示表单

@media only screen and (orientation:portrait){
    @font-face {
        font-family: custom_helvetica;
        src: url('../includes/helvetican.ttf');
    }

    #wrappper {
        width:768px;
        font-family: helvetica;
        margin:auto;
    }

Answer 1

选择器是否正确？

wrap*p*per maybe?