How to use Ali iconfont online links in vue-cli?

use vue-cli as the project and use the Ali icon font icon.
is used as fontclass.
Link has been obtained / / at.alicdn.com/t/font_xxxx_xxxx.css

in a project, if the file is downloaded locally, then import css, is used normally in main.js.
but I don"t know how to use this online link.
has tried to import this link in main.js, and
has also tried to introduce css, in index.html in the original way.
doesn"t know how to use it.

add:
write in index.html like this
< link rel= "stylesheet" href= "/ / at.alicdn.com/t/font_xxxx_xxxx.css" >
No error, icon will be displayed as a box
in mian.js import will prompt me for npm install address, icon will not show

at all

use in tempate
< I class= "iconfont el-icon-third-profile" > < / I >

Apr.14,2021

replace it with htts.


displays in the box because you did not load the CSS file. Check whether the loading failed in the console loading file


.

online comparison recommends the introduction of Symbol

step 1: copy the symbol code generated under the project:
/ / at.alicdn.com/t/font_xxxxxxxxx.js
step 2: add the generic css code (just introduce it once):
< style type= "text/css" >

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

< / style >
step 3: select the appropriate icon and get the class name, and apply it to the page:
< svg class= "icon" aria-hidden= "true" >

<use xlink:href="-sharpicon-xxx"></use>

< / svg >


< link rel= "stylesheet" type= "text/css" href= "/ / at.alicdn.com/t/xxx.css" >

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1c2d50d-33b42.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1c2d50d-33b42.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?