Как использовать веб-шрифт Google в приложении для iPhone, созданном с помощью PhoneGap?

Мы хотели бы использовать веб-шрифты Google в приложении PhoneGap, созданном для устройств iOS, но мы хотели бы размещать файлы шрифтов в пакете приложения вместо использования кода для динамической загрузки шрифта через Интернет.

Если устройство находится в автономном режиме, шрифты будут недоступны, пока файлы шрифтов не будут объединены в приложение.

Google предлагает возможность загрузки веб-шрифтов, но как мы должны ссылаться на локальные файлы шрифтов внутри HTML-приложения?


ios cordova fonts google-webfonts
person Crashalot    schedule 01.08.2012    source источник

Ответы (2)


arrow_upward
11
arrow_downward

мы поместили файл шрифта в формате .ttf куда-нибудь в нашу папку assets/www.

Декларация:

@font-face {
  font-family: "Droid Serif";
  src: url('fonts/DroidSerif.ttf');/* relative path from the css file */
}

а затем используйте его следующим образом:

.someClass, #someId, someTag{
  font-family: Droid Serif;
}
person 最白目    schedule 12.09.2012
comment
да, это то, что мы в конечном итоге сделали. - person Crashalot; 12.09.2012

arrow_upward
1
arrow_downward

Я провел большую часть вчерашнего дня, выясняя, как заставить шрифт работать в PhoneGap на iOS, и ошибка заключалась в том, что у меня была:

src: url('/fonts/DroidSerif.ttf');

изменился на:

src: url('../fonts/DroidSerif.ttf');

Может быть, это поможет кому-то с таким же мозгом.

person Fid    schedule 24.08.2015