带有大小和颜色的 Google 图标字体不起作用？答案

【问题标题】：Google Icon Fonts with Size and Colors don't work?带有大小和颜色的 Google 图标字体不起作用？
【发布时间】：2016-11-16 20:14:19
【问题描述】：

<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

</head>

<body>
  <div>
    This is a test page
    <p>
    <i class="material-icons">face</i>
    <i class="large material-icons">face</i>
    <i class="material-icons md-18">face</i>
    <i class="material-icons dark">face</i>
    </p>
  </div>
</body>

我看到所有的图标都是一样的，没有应用样式。是我做错了什么还是这不起作用？

谢谢，拉杰什

【问题讨论】：

标签： icons material-design materialize google-material-icons

【解决方案1】：

我得到了答案，我必须使用外部 CSS，Google Material Fonts 没有 CSS 样式

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css">

<i class="blue-text text-darken-2 large material-icons ">invert_colors</i>
</p>

谢谢，拉杰什

【讨论】：