在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue-cli 中如何使用阿里iconfont在線鏈接？

vue-cli 中如何使用阿里iconfont在線鏈接？

使用vue-cli做項目，并使用阿里iconfont的圖標(biāo)。
使用方式為fontclass。
已取得鏈接//at.alicdn.com/t/font_xxxx_xxxx.css

在項目中，如果將文件下載下來到本地，然后在main.js中import css，是正常使用的。
但是不知如何使用這個在線鏈接，
嘗試過在main.js中import這個鏈接，
也試過在index.html中以原始的方式引入css，都不可以，
不知該如何使用？

補充：
在index.html中寫作這樣
<link rel="stylesheet" >
無報錯，圖標(biāo)會顯示成方框
在mian.js中import則會提示我npm install這個地址，圖標(biāo)則完全不顯示

在tempate中的使用“
<i class="iconfont el-icon-third-profile"></i>

回答
編輯回答
懷中人

在線比較推薦Symbol方式引入

第一步：拷貝項目下面生成的symbol代碼：
//at.alicdn.com/t/font_xxxxxxxxx.js
第二步：加入通用css代碼（引入一次就行）：
<style type="text/css">

.icon {
   width: 1em; height: 1em;
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
}

</style>
第三步：挑選相應(yīng)圖標(biāo)并獲取類名，應(yīng)用于頁面：
<svg class="icon" aria-hidden="true">

<use xlink:href="#icon-xxx"></use>

</svg>

2017年3月2日 07:38
編輯回答
法克魷

換成htts試試

2018年7月18日 23:02
編輯回答
帥到炸

顯示成方框是因為你沒有加載CSS文件進來，你看下控制臺加載文件那里是不是加載失敗了

2018年4月21日 12:02