搜索

首页  >  问答  >  正文

javascript - 使用iconfont在线使用时,出现多个空格,求解答

<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="UTF-8">
<title>Title</title>

<style>
@font-face {

 font-family: 'iconfont';  /* project id 243811 */
 src: url('https://at.alicdn.com/t/font_jr5082jui97r2j4i.eot');
 src: url('https://at.alicdn.com/t/font_jr5082jui97r2j4i.eot?#iefix') format('embedded-opentype'),
 url('https://at.alicdn.com/t/font_jr5082jui97r2j4i.woff') format('woff'),
 url('https://at.alicdn.com/t/font_jr5082jui97r2j4i.ttf') format('truetype'),
 url('https://at.alicdn.com/t/font_jr5082jui97r2j4i.svg#iconfont') format('svg');

}
.iconfont{

 font-family:"iconfont";
 font-size:16px;
 font-style:normal;

}
</style>
</head>
<body>


</body>
</html>

天蓬老师天蓬老师2860 天前759

全部回复(2)我来回复

  • 怪我咯

    怪我咯2017-04-11 12:23:54

    你用另一种模式试试 在class里把图标代表的字母写上 如果要改变颜色 直接调节i标签的颜色

    <i class="icon iconfont icon-star"></i>

    回复
    0
  • PHPz

    PHPz2017-04-11 12:23:54

    需要 将字体文件以base64编码的方式引入内嵌到样式文件中

    @font-face{

    src : url("data:application/x-font-ttf;charset=utf-8;base64,XXXXXXXXXXXX") format("ttf");
    }

    实际使用过程将那一长串”X“换成自己的base64编码即可。

    回复
    0
  • 取消回复