鍍金池/ 問答/HTML/ museui 的圖標(biāo)沒了,有人遇到過嗎?安卓上不能正常顯示,iphone正常

museui 的圖標(biāo)沒了,有人遇到過嗎?安卓上不能正常顯示,iphone正常

在安卓上

在QQ瀏覽器的時(shí)候圖標(biāo)沒了

clipboard.png

在via瀏覽器(一個(gè)體積很小的瀏覽器)布局出問題了

clipboard.png

在iphone跟電腦調(diào)試是正常的

clipboard.png

回答
編輯回答
痞性

我記得museui是外鏈google icon的,qq瀏覽器會(huì)因?yàn)榘踩蚱帘蔚粢恍┩怄?/p>

解決方案
你用阿里巴巴的iconfont,并且下載到本地引用即可

2017年3月25日 23:51
編輯回答
好難瘦

補(bǔ)充樓上回答 ,

在muse ui 上引入iconfont字體圖標(biāo),

在公共樣式文件中添加 .material-icons類,并且自定義iconfont字體即可,代碼如下

.material-icons {
  font-family: 'iconfont' !important;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'iconfont';  /* project id 642903 */
  src: url('./assets/iconfont.eot');
  src: url('./assets/iconfont.eot?#iefix') format('embedded-opentype'),
  url('./assets/iconfont.woff') format('woff'),
  url('./assets/iconfont.ttf') format('truetype'),
  url('./assets/iconfont.svg#iconfont') format('svg');
}
**注意,字體文件路徑為自定義路徑,我將字體文件放置于 src/assets
目錄下,故而設(shè)置的此目錄**
2017年10月11日 21:04