ファントムjでマテリアルアイコンがレンダリングされないのはなぜですか？

最近、私はファントムjでhtmlコードのスクリーンショットを撮るための実験を行っていますが、私はマテリアライズアイコンフォントでエスケープエラーが発生しています。ファントムjでマテリアルアイコンがレンダリングされないのはなぜですか？

私はこの

<!DOCTYPE html> 
<html lang='en'> 
    <head> 
    <title>Demo</title> 
    <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'> 
    <link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet'> 
    <style> 
     html { 
      font-family: 'Roboto', sans-serif; 
     } 
    </style> 
    </head> 
    <body> 
     Hello this is using roboto 
     <i class='material-icons'>favorite_border</i> 
    </body> 
</html>

のようなデモのhtmlをしたRobotoは素晴らしい機能していますが、材料のアイコンは機能しません。私は材料のアイコンが

-webkit-font-feature-settings: 'liga'

とphantomjs行うを使用しているためそれがあると思い

：以下の画像は、私が得る結果である：

そして、これは私が何を得るべきですそれをサポートしていない、そうですか？素晴らしいフォントはうまく動作します。手掛かりはありますか？

私はUbuntuのサーバ16.04 LTSをし、ファントムJSでそれをruningていますがあなたの例では、okです

出典

2017-04-03 Mario Corral

これはhttps://github.com/ariya/phantomjs/issues/14885を参照してください、phantomjsの最新ベータバージョン2.5で修正されているように見えます。

もう1つの解決策は、Webフロントを自己ホストすることです。あなた自身のサーバーからフォントを提供している場合、phantomjsはフォントのレンダリングに問題はありません。

出典

2017-04-09 03:32:13 yelsayed

Thanxは今日試してみて、完璧に動作します –

-1

を支援するための2.1.1 感謝です！

<!DOCTYPE html> 
 
<html lang='en'> 
 
    <head> 
 
    <title>Demo</title> 
 
    <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'> 
 
    <link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet'> 
 
    <style> 
 
     html { 
 
      font-family: 'Roboto', sans-serif; 
 
     } 
 
    </style> 
 
    </head> 
 
    <body> 
 
     Hello this is using roboto 
 
     <i class='material-icons'>favorite_border</i> 
 
    </body> 
 
</html>

出典

2017-04-03 19:27:21

私はhtmlが正しいことを知っていますが、ファントムjは心臓をレンダリングしません。 –

ファントムjでマテリアルアイコンがレンダリングされないのはなぜですか？

答えて

関連する問題