1. XenForo 1.5.14 中文版——支持中文搜索!现已发布!查看详情
  2. Xenforo 爱好者讨论群:215909318 XenForo专区

新闻 开源图标字体 uiw-iconfont v1.2.6 发布,新增图标 下载

本帖由 漂亮的石头2017-12-13 发布。版面名称:软件资讯

  1. 漂亮的石头

    漂亮的石头 版主 管理成员

    注册:
    2012-02-10
    帖子:
    488,074
    赞:
    47
    uiw-iconfont v1.2.6 已发布,uiw-iconfont 是从 uiw 组件库抽离出来的图标字体,基于 svg 图片生成的图标字体。

    [​IMG]



    更新内容


    • 新增 map android-o dashboard table qrcode printer barcode 等7个图标.

    安装

    npm install uiw-iconfont --save

    使用

    您可以使用 uiw-react.github.io/icons/ 轻松找到您要使用的图标。一旦您复制了所需图标的CSS类名,只需将图标和图标的类名(如apple)添加到HTML元素即可。

    你需要链接CSS

    <link rel="stylesheet" type="text/css" href="node_modules/fonts/w-iconfont.css">

    用于Less:

    @import "~uiw-iconfont/fonts/w-iconfont.css";

    注意:它有一个w-icon-前缀。

    <i class="w-icon-apple"></i>

    或者使用Unicode,您可以使用Unicode网站轻松找到您要使用的Unicode图标。

    <style> .iconfont {
    font-family: "w-iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    } </style>
    <span class="iconfont">&#59907;</span>

    开发

    在克隆项目之后运行npm install来安装依赖,你能够做如下操作:

    编译字体*.svg*.ttf*.woff*.eot等字体文件

    npm run font

    编译网站并提交到gh-pages分支

    npm run start
    开源图标字体 uiw-iconfont v1.2.6 发布,新增图标下载地址
     
正在加载...