Встраивание шрифтов в iPad - PullRequest
Новая
       17

Встраивание шрифтов в iPad

2 голосов
/ 07 сентября 2011

Я пытаюсь встроить шрифты Google в WebView в iPad.

Если я вставлю это в голову, все будет отлично работать: 

<link href='http://fonts.googleapis.com/css?family=Monofett' rel='stylesheet' type='text/css'>

HTML-код является локальным, тогда мне нужноскопируйте CSS и шрифты в мой iPad.

Когда я делаю это изменение, шрифты не работают:

html: 

<link href='fonts/fonts.css' rel='stylesheet' type='text/css'>

fonts / fonst.css: 

@font-face {
  font-family: 'Monofett';
  font-style: normal;
  font-weight: normal;
  src: local('Monofett'), url('http://themes.googleusercontent.com/static/fonts/monofett/v1/94n9d8-lEEaOz-Sn4plHGPesZW2xOQ-xsNqO47m55DA.woff') format('woff');
}

Я знаю, что все еще выполняю удаленные подключения, но почему это не работает?

Сеть выглядит хорошо в Safari и Firefox.

Ответы [ 3 ]

2 голосов
/ 13 марта 2012

Мальчик, у меня есть отличный ответ для вас! У меня была такая же проблема, и это работало как талисман.

Вы должны использовать загрузчик API Google. Вот код, который я вставил в тег заголовка. 

<!-- Google API Loader -->
<script type="text/javascript" src="https://www.google.com/jsapi"></script>

<script type="text/javascript">
    //load jQuery
    google.load("jquery", "1.7.1");

    //Google Fonts
    google.load("webfont", "1");

    google.setOnLoadCallback(function() {
        WebFont.load({
            google: {
              families: [ 'Lobster+Two:700italic,700,400italic,400', 'Alegreya:400,400italic,700' ]
            }
        });
    });
    </script>

Вот некоторая информация о загрузчике API: https://developers.google.com/loader/?hl=ja#intro

И немного информации об использовании его со шрифтами Google: https://developers.google.com/webfonts/docs/webfont_loader

0 голосов
/ 24 августа 2017

Вот версия cwTeXHei, для поддержки веб-шрифтов Google в браузере iPhone 

@font-face {
  font-family: 'cwTeXHei';
  font-style: normal;
  font-weight: normal;
  src: local('cwTeXHei'), url('./fonts/cwTeXHei-zhonly.ttf') format('truetype');
}

URL-адрес начинается в папке css.
Это работает на ios 10 safari
, спасибо Брайсу Габину.

0 голосов
/ 08 сентября 2011

Проблема в формате woff.Google знает это, и он возвращает вам другой CSS, когда вы используете Safari на ПК или в iPad.Правильный код CSS: 

@font-face {
 font-family: 'Monofett';
 font-style: normal;
 font-weight: normal;
 src: local('Monofett'), url('./BezoWS-9nng_g31KmAteQ3YhjbSpvc47ee6xR_80Hnw.ttf') format('truetype');
}
...