Skip to content

baixing/baicons

Repository files navigation

Baicons - 百姓网的图标字体库

字体一览

旧版字体 baicons/icons-reference.html

新版字体 baicons/icons-reference2.html

手机版字体 baicons/icons-mobile.html

安装

bower install git://github.com/baixing/baicons.git --save

在页面中引用 baicons.css 或 baicons2.css 即可:

旧版网页使用: <link href="bower_components/baicons.css" media="all" rel="stylesheet" type="text/css">

新版网页使用: <link href="bower_components/baicons2.css" media="all" rel="stylesheet" type="text/css">

命名规则

基本规则是(以 CSS 类名传统为准):

  • 命名采用英文
  • 全部小写
  • 使用中划线连字符

在此基础上的特例是,类目图标以中文拼音命名,并添加 cat- 前缀,如 cat-ershouche

怎样更新图标

  1. 使用node 4,注意npm install时也需要node 4
  2. 更新baicon的package.json中的版本
  3. sourcesource 目录下更新图标源文件(svg 格式)
  4. 执行 npm run build 命令生成图标和对应样式表
  5. 在使用baicon的package.json中升级baicon版本