Pourquoi les icônes matérielles ne s'affichent-elles pas dans les js fantômes?

Récemment, je fais quelques expériences avec js fantôme pour prendre des captures d'écran du code HTML, mais je reçois une erreur d'estrange avec la police d'icônes matérialiser.Pourquoi les icônes matérielles ne s'affichent-elles pas dans les js fantômes?

J'ai fait une démonstration html comme celui-ci

<!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>

Roboto travaille icônes grandes mais matérielles ne fonctionnent pas. L'image suivante est le résultat je reçois:

Et cela devrait être ce que je reçois:

Je pense que c'est parce que les icônes matérielles utilisent

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

et PhantomJS faire pas le soutenir, ai-je raison? Font génial fonctionne très bien. Des indices?

Je runing dans le serveur ubuntu 16.04 lts et js fantôme est 2.1.1 Merci de nous aider

Source

2017-04-03 Mario Corral

On dirait que cela a été corrigé dans la dernière version bêta 2.5 de PhantomJS, voir https://github.com/ariya/phantomjs/issues/14885.

Une autre solution consiste à auto-héberger la face avant. Si vous utilisez la police de votre propre serveur, phantomjs n'a aucun problème pour la rendre.

Source

2017-04-09 03:32:13 yelsayed

Thanx essayé aujourd'hui et fonctionne parfaitement –

-1

Votre exemple est ok !!!

<!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>

Source

2017-04-03 19:27:21

Je sais que le html est juste mais js fantôme ne rend pas le coeur –

Pourquoi les icônes matérielles ne s'affichent-elles pas dans les js fantômes?

Répondre

Questions connexes