HTML+CSS好用的免费资源

1.像素大厨PxCooK

        有设计和开发两个板块，支持PNG和JPG格式。PNG格式下用开发板块很方便，不用学习PS就可以测量各个边距，字体大小，颜色提取等等。

2.制作ico图标
在线制作ico图标 | 在线ico图标转换工具 方便制作favicon.ico - 比特虫 - Bitbug.nethttps://www.bitbug.net/

原始图像可以接受: .jpg .jpeg .gif .png等图像格式 ，目标尺寸可以自己选择，可以在线生成favicon.ico图像文件

3.字体图标下载

（1） 阿里巴巴图标库

iconfont-阿里巴巴矢量图标库https://www.iconfont.cn/?v=20231207（2)国外的一个图标库Icon Font & SVG Icon Sets ❍ IcoMoonhttps://icomoon.io/#home

各种图标都可以加入购物车，更好的是可以对所选图标进行编辑（如转向，放大等等）。

 selection是选择的图标，选完后可以去generate font注意download后生成的压缩包不要删，后续可以往里面追加需要的图标。将压缩包解压，font文件夹复制到项目根目录，便可以在css中调用

@font-face {

    font-family: 'icomoon';

    src:  url('../fonts/icomoon.eot?tomleg');

    src:  url('../fonts/icomoon.eot?tomleg#iefix') format('embedded-opentype'),

      url('../fonts/icomoon.ttf?tomleg') format('truetype'),

      url('../fonts/icomoon.woff?tomleg') format('woff'),

      url('../fonts/icomoon.svg?tomleg#icomoon') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: block;

  }

css中写这段注意url里面具体路径！

调用是只需要：    选择器{font-family: 'icomoon' :}