fix: 修复图标旁边显示多余文字的问题
- 移除 font-fallback.css 中错误的 .fa-*::after 样式 - 这些样式会在所有图标后面添加文字,而非仅在字体加载失败时显示
This commit is contained in:
13
assets/vendor/external/fonts/font-fallback.css
vendored
13
assets/vendor/external/fonts/font-fallback.css
vendored
@@ -58,15 +58,4 @@ code, pre, .monospace {
|
|||||||
/* 确保图标字体备用 */
|
/* 确保图标字体备用 */
|
||||||
.fa, .fas, .far, .fal, .fab {
|
.fa, .fas, .far, .fal, .fab {
|
||||||
font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
|
font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 当图标字体不可用时显示文字 */
|
|
||||||
.fa-home::after { content: "首页"; }
|
|
||||||
.fa-user::after { content: "用户"; }
|
|
||||||
.fa-search::after { content: "搜索"; }
|
|
||||||
.fa-menu::after { content: "菜单"; }
|
|
||||||
.fa-close::after { content: "关闭"; }
|
|
||||||
.fa-arrow-left::after { content: "←"; }
|
|
||||||
.fa-arrow-right::after { content: "→"; }
|
|
||||||
.fa-arrow-up::after { content: "↑"; }
|
|
||||||
.fa-arrow-down::after { content: "↓"; }
|
|
||||||
Reference in New Issue
Block a user