gpt4 book ai didi

css - SASS Optimize Font Awesome 仅用于使用的类

转载 作者:行者123 更新时间:2023-12-01 14:36:24 24 4
gpt4 key购买 nike

是否可以让 SASS 只为使用过的图标添加代码?因为这会减少 CSS 文件的大小,

我看到了 http://fontello.com/来自类似问题的解决方案,但我想知道是否有办法用很棒的字体来做到这一点,

编辑:
由于存在一些误解,我想澄清一下,我想知道的是:
是否可以告诉 SASS 他应该编译哪些图标?

最佳答案

如何告诉FA要编译什么

使用 SCSS(SASS CSS 形式语法)

  • 下载解压 font-awesome-4.x.zip
  • 导航至 ./scss
  • 开通 _icons.scss
  • 删除所需的字形

  • 前任:
    .#{$fa-css-prefix}-times:before { content: $fa-var-times; }
    .#{$fa-css-prefix}-search-plus:before { content: $fa-var-search-plus; }
    .#{$fa-css-prefix}-search-minus:before { content: $fa-var-search-minus; }
    .#{$fa-css-prefix}-power-off:before { content: $fa-var-power-off; }
    .#{$fa-css-prefix}-signal:before { content: $fa-var-signal; }
    .#{$fa-css-prefix}-gear:before,

    每条线代表一个字形。删除您不会使用的行。
  • 重新编译./font-awesome.scss../css以缩小和/或常规范式。
  • 关于css - SASS Optimize Font Awesome 仅用于使用的类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28226665/

    24 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com