字體家族應用在iphone模擬器，但沒有appied在真正的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; 
    } 

我與Telerik的應用生成器工作在Visual Studio和字體的我的目錄結構是project_directory /字體/ ...

Answer 1

嘗試更新它，以便它在引號中： .fonts {font-family：'Calibri'; }