字体系列在iphone模拟器中应用，但在真实的iphone设备中不应用？

Question

我的html页面如下所示：

<div class="row">
   <p class="fonts"> am building a browser-based mobile app and I've decided    to use Bootstrap 3 as 
    the css framework for the design. Bootstrap 3 comes with a great "responsive" feature 
    in the navigation bar where it collapses automatically if it detects a specific "break 
    point" regarding the resolution of the browser. It works in a lot of situations</p>
</div>

我的css如下所示：

@font-face {
   font-family: 'Calibri';
        src: url('../fonts/Calibri.eot');
        src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'),
        url('../font/Calibri.woff') format('woff'),
        url('../fonts/Calibri.ttf') format('truetype'),
        url('../fonts/Calibri.svg#svgFontName') format('svg');
    }

.fonts {
        font-family: Calibri;
        -moz-font-feature-settings: "liga=1, dlig=1";
        -moz-font-feature-settings: "liga","dlig";
        -ms-font-feature-settings: "liga","dlig";
        -o-font-feature-settings: "liga","dlig";
        -webkit-font-feature-settings: "liga","dlig";
        font-feature-settings: "liga","dlig";
        text-rendering: optimizeLegibility;
    }

我在visual studio中使用telerik app builder，我的font目录结构是project_ directory /fonts/...

Answer 1

尝试更新它，使其包含在引号中：.fonts { font-family：'Calibri'；}