woocommerce本身自带一套图标，如购物车、评级星星、配送箭头等。并打包为渲染图标的字体文件，可以直接使用。文件目录在：wp-content\plugins\woocommerce\assets\fonts

2：如何使用？

1：在自定义css文件声明

/* 声明WooCommerce图标字体 */
@font-face {
  font-family: 'WooCommerce'; /* 字体名称，需与WooCommerce实际使用的一致 */
  src: url('/wp-content/plugins/woocommerce/assets/fonts/woocommerce.woff') format('woff'),
  url('/wp-content/plugins/woocommerce/assets/fonts/woocommerce.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

2：案例：使用购物车图标

&:after {
  font-family: 'WooCommerce';
  content: '\e019'; /* 购物车图标编码 */
  margin-left: 5px; /* 图标与文字间距 */
  color: #333; /* 图标颜色 */
  font-size: 16px; /* 图标大小 */
}

3：如何查看WooCommerce.woff文件里的图标编码？

1：我是用FontForge，一款开源软件，支持编辑各种字体格式，包括 .woff 。

2：打开就能看到里面图标列表以及所属编码