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

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

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

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

7
cordova fonts google-webfonts ios

2 ответов

ставим файл шрифта .формат 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;
}
11

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

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

изменен на:

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

возможно, это поможет кому-то с тем же brainfart.

1