2016-10-18 1 views
0

Je construis un projet angulaire1 avec un matériau angulaire. J'ai inclus la police Roboto du CDN de Google comme: <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"> au sommet de la tête. Mais la police n'est pas rendue. Lorsque j'ajoute la famille de polices dans les outils de développement de chrome, cela fonctionne.La police roboto n'est pas rendue dans un projet de matériau angulaire

pourrait-il être que la police n'est pas encore chargée quand elle est référencée par les composants?

Répondre

0

Il est difficile de savoir ce qui se passe car vous n'avez pas ajouté de balisage à votre question. Toutefois, si vous copiez et collez le balisage de travail ci-dessous dans un fichier et l'ouvrez dans un navigateur, cela peut vous donner une idée de ce qui ne va pas.

Markup

<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.css"> 
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"> 

    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-aria.min.js"></script> 

    <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js"></script> 

    <script> 
     angular.module("myApp", ['ngMaterial',]); 
    </script> 
</head> 

<body ng-app="myApp" ng-cloak> 
    <p>Hello world</p> 
</body> 
</html> 

Si vous inspectez le style de la balise <p> vous devriez voir ceci:

enter image description here