@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url('../webfonts/fa-solid-900.woff2') format('woff2');
}
@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('../webfonts/fa-regular-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('../webfonts/fa-brands-400.woff2') format('woff2');
}
.fas {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}

.far {
    font-family: 'Font Awesome 6 Free';
    font-weight: 400;
}
.fab {
    font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
}
.icon-example {
    font-size: 24px;
    margin: 10px;
}

.solid {
    color: #ff4757;
}

.regular {
    color: #3742fa;
}

/* 简化的Font Awesome本地CSS */
.fa,
.fas,
.far,
.fal,
.fat,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fa{font-size: 12px;} 
.fas { font-family: 'Font Awesome 6 Free'; font-weight: 900; }
.far{ font-family: 'Font Awesome 6 Free'; font-weight: lighter; }
.fab { font-family: 'Font Awesome 6 Brands'; font-weight: lighter; }


/* 具体图标定义 - 这里只定义你需要使用的图标 */
.fa-home:before { content: "\f015"; }
.fa-user:before { content: "\f007"; }
.fa-cog:before { content: "\f013"; }
.fa-bookmark:before{content:"\f02e"}
.fa-times:before,.fa-xmark:before{content:"\f00d"}
.fa-header:before,.fa-heading:before{content:"\f1dc"}
.fa-chain:before,.fa-link:before{content:"\f0c1"}
.fa-arrow-right-to-file:before,.fa-file-import:before{content:"\f56f"}
.fa-add:before,.fa-plus:before{content:"\2b"}
.fa-arrow-right-from-file:before,.fa-file-export:before{content:"\f56e"}
.fa-check-circle:before,.fa-circle-check:before{content:"\f058"}
.fa-star:before{content:"\f005"}
.fa-thumbs-up:before{content:"\f164"}
.fa-share:before{content:"\f064"}
.fa-share-alt-square:before,.fa-square-share-nodes:before{content:"\f1e1"}
.fa-share-alt:before,.fa-share-nodes:before{content:"\f1e0"}
.fa-external-link-alt:before,.fa-up-right-from-square:before{content:"\f35d"}
.fa-edit:before,.fa-pen-to-square:before{content:"\f044"}
.fa-trash:before{content:"\f1f8"}
.fa-share-alt:before { content: "\f1e0"; }
.fa-share-square:before { content: "\f14d"; }
.fa-link:before { content: "\f0c1"; }
.fa-check-circle:before { content: "\f058"; }
.fa-info-circle:before { content: "\f05a"; }
.fa-weibo:before { content: "\f18a"; }
.fa-weibo:before{content:"\f18a"}
.fa-weixin:before { content: "\f1d7"; }
.fa-qq:before { content: "\f1d6"; }
.fa-douban:before { content: "\f1d4"; }
.fa-zhihu:before { content: "\f63f"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-copy:before { content: "\f0c5"; }