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，我的字体目录结构是project_directory / fonts /...

Answer 1

尝试更新此内容，以便它在引号中： .fonts { font-family：＆＃39; Calibri＆＃39 ;; }

字体系列应用于iPhone模拟器但未在真正的iphone设备中应用？

1 个答案: