/* 定义自定义字体 */
@font-face {
  font-family: 'iconfont';
  /* 定义字体的名称 */
  src: url('../fonts/iconfont.eot');
  /* 指定eot格式的字体文件路径 */
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
    /* 兼容IE的eot格式字体文件路径 */
  url('../fonts/iconfont.woff') format('woff'),
    /* 指定woff格式的字体文件路径 */
  url('../fonts/iconfont.ttf') format('truetype'),
    /* 指定ttf格式的字体文件路径 */
  url('../fonts/iconfont.svg#iconfont') format('svg');
  /* 指定svg格式的字体文件路径 */
}

/* 使用自定义字体的样式 */
.iconfont {
  font-family: "iconfont" !important;
  /* 使用定义的字体名称，并标记为重要，以确保优先级 */
  font-size: 16px;
  /* 设置字体大小为16像素 */
  font-style: normal;
  /* 设置字体样式为正常，覆盖默认的斜体样式 */
  -webkit-font-smoothing: antialiased;
  /* 在Webkit浏览器中开启字体平滑，提高字体渲染效果 */
  -webkit-text-stroke-width: 0.2px;
  /* 设置文本描边的宽度，用于提高字体清晰度 */
  -moz-osx-font-smoothing: grayscale;
  /* 在Mac OS X系统中开启灰度平滑，提高字体渲染效果 */
}