开源图标字体 w-iconfont v1.2.7 发布,优化样式

栏目: 软件资讯 · 发布时间: 8年前

内容简介:uiw-iconfont v1.2.7 已发布,uiw-iconfont 是从 uiw 组件库抽离出来的图标字体,基于 svg 图片生成的图标字体。 更新内容             优化生成的引用样式。 安装 npm install uiw-iconfont --save 使...

uiw-iconfont v1.2.7 已发布,uiw-iconfont 是从 uiw 组件库抽离出来的图标字体,基于 svg 图片生成的图标字体。

开源图标字体 w-iconfont v1.2.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

【声明】文章转载自:开源中国社区 [http://www.oschina.net]


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。

领域驱动设计

领域驱动设计

埃文斯 / 赵俐、盛海艳、刘霞 / 人民邮电出版社 / 2010-11 / 69.00元

《领域驱动设计:软件核心复杂性应对之道》是领域驱动设计方面的经典之作。全书围绕着设计和开发实践,结合若干真实的项目案例,向读者阐述如何在真实的软件开发中应用领域驱动设计。书中给出了领域驱动设计的系统化方法,并将人们普遍接受的一些最佳实践综合到一起,融入了作者的见解和经验,展现了一些可扩展的设计最佳实践、已验证过的技术以及便于应对复杂领域的软件项目开发的基本原则。《领域驱动设计:软件核心复杂性应对之......一起来看看 《领域驱动设计》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具