uiw-iconfont 1.2.4 發佈,開源圖標字體

uiw-iconfont v1.2.4 已發佈,uiw-iconfont 是從 uiw 組件庫抽離出來的圖標字體,基於 svg 圖片生成的圖標字體。css

更新內容

新增 environment, eye, folder, man, user-add, user-delete, usergroup-delete, woman, 等8個圖標.html

網站預覽:uiw-react.github.io/icons/
官方文檔:github.com/uiw-react/i…node

安裝

npm install uiw-iconfont --save複製代碼

使用

您能夠使用 uiw-react.github.io/icons/ 輕鬆找到您要使用的圖標。一旦您複製了所需圖標的CSS類名,只需將圖標和圖標的類名(如apple)添加到HTML元素便可。react

你須要連接CSSgit

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

用於Less:github

@import "~uiw-iconfont/fonts/w-iconfont.css";複製代碼

注意:它有一個w-icon-前綴。web

<i class="w-icon-apple"></i>複製代碼

或者使用Unicode,您能夠使用Unicode網站輕鬆找到您要使用的Unicode圖標。npm

<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 來安裝依賴,你可以作以下操做:bash

編譯字體 *.svg *.ttf *.woff *.eot 等字體文件app

npm run font複製代碼

編譯網站並提交到gh-pages分支

npm run start複製代碼
相關文章
相關標籤/搜索