css 渲染材料图标CSS

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 渲染材料图标CSS相关的知识,希望对你有一定的参考价值。

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;

  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

以上是关于css 渲染材料图标CSS的主要内容,如果未能解决你的问题,请参考以下文章

css 材料图标支持IE

css 带有unicode的材料图标

在 css 伪中添加谷歌材料设计图标:在内容之后

角度 8 CSS 查询上的角度材料

NativeScript Vue - 材料设计图标未显示

材料设计图标闪烁(FOUT?)