Пользовательские шрифты в проекте phonegap

У меня есть проект с телефонными записями с арабскими шрифтами. В chrome шрифт отображается правильно, а также на физическом устройстве Android, но в приложении phonegap, установленном в iPhone, шрифт не влияет.Пользовательские шрифты в проекте phonegap

Ниже приведен общий проект структуры PhoneGap: - папка CSS, которая содержит файл CSS под названием fonts.css - папка шрифтов, который содержит файл TTF под названием QCF_P001.TTF

среды у меня есть следующий: - развитие в окне 10 - физический iPhone 6 устройств - PhoneGap приложение версии 1.7.1 из App Store

Это код CSS:

@font-face{ 
    font-family: "Uthman";  
    src: url('../fonts/QCF_P001.TTF') format('truetype'); 
} 

.aya { 
    font: 18px "Uthman", Arial; 
    text-align: right; 
}

Это часть HTML-код:

<body ontouchstart=""> 
    <header class="bar bar-nav"> 
     <h1 class="title">Fonts Project</h1> 
    </header> 
    <div class="content"> 
     <div class="card">   
      <h1 class="aya">65432</h1> 
     </div> 
    </div> 
    </body>

Прикрепленный изображение представляет собой снимок хрома, Android устройства, и iPhone устройства enter image description here

источник

2016-08-14 Abdallah

Попробуйте добавить другие форматы шрифтов пачке:

@font-face { 
    font-family: 'QCF_P001'; 
    src: url('../fonts/QCF_P001.woff2') format('woff2'), /* Super Modern Browsers */ 
     url('../fonts/QCF_P001.woff') format('woff'), /* Pretty Modern Browsers */ 
     url('../fonts/QCF_P001.ttf') format('truetype'), /* Safari, Android, iOS */ 
     url('../fonts/QCF_P001.svg#QCF_P001') format('svg'); /* Legacy iOS */ 
}

для создания веб-шрифта из QCF_P001.ttf перейти к Font Squirrel генератора шрифта

источник

2017-10-10 06:30:37 CodeGems

Пользовательские шрифты в проекте phonegap

ответ

Смежные вопросы