zoukankan      html  css  js  c++  java
  • 如何配置图标

    系统中图标,对于刚开始接触的同学一般都是用图片作为图标,还有一种方式是Unicode编译的图标(ttf),有很多好处,这篇主要记录一下如何配置和定义

    自定义配置可以访问阿里的 Iconfont

    首先选用需要的图标,加入到购物车中

     加入成功后可在右侧的购物车中看到,这里我们可以创建独立的项目,把我们收集的图标丢到项目中

    点击确定后,系统会跳转至管理界面,我们点击下载可以下载项目中包涵的图标的压缩包

    下载完毕后,打开压缩包,目录如下:

    将这2个核心文件丢到我们实际开发项目的css文件夹下即可,如果想要给字体改名至需要在 iconfont.css 中修改为你想要的名称即可(注意ttf文件要保持一致)

    修改完毕后,在页面中引入css文件,即可使用,简单的的说,把它理解为字体去处理就ok了(比如修改颜色用color,改变大小用font-size )

    页面中给dom增加css即可

    比如:

    <i  css="iconfont icon-font-back"  />

    效果如下

    结束,到这里大家应该会了~

    成灰之前,抓紧时间做点事!!
  • 相关阅读:
    java复习基础篇——反射
    java复习基础篇——Mysql数据库
    java复习基础篇——网络协议
    java复习基础篇——类型转换
    Full Source下载(IE扩展)
    [原]JS俄罗斯方块
    swt api和demo
    W3CSchool.chm
    一个C#写的RSS
    [原]JS Eval参数单引号问题
  • 原文地址:https://www.cnblogs.com/jony-it/p/10331380.html
Copyright © 2011-2022 走看看