2016-10-18 13 views
0

角度素材のangle1プロジェクトを作成しています。私は、頭の上に、<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">のようなGoogleのcdnのRobotoフォントを含めました。しかし、フォントはレンダリングされていません。ロボートフォントが角度素材プロジェクトでレンダリングされていません

chromeの開発者用ツールにfont-familyを追加すると、機能します。コンポーネントによって参照されているときにフォントがまだロードされていない可能性がありますか?

答えて

0

質問にマークアップを追加していないため、何が起こっているのか分かりにくいです。ただし、以下の作業マークアップをコピーしてファイルに貼り付け、ブラウザで開くと、何が問題になっているかがわかります。あなたが<p>タグのスタイルを検査した場合

マークアップ

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

あなたはこれが表示されます。

enter image description here

関連する問題