我是否需要重新编译LESS以升级Font Awesome图标?

时间:2017-01-18 03:53:56

标签: css less font-awesome

我对LESS非常困惑,尤其是我正在使用的模板中的Font Awesome本地文件。

我显然有Font Awesome 4.3,我刚刚下载了4.7。在我的项目和下载的zip文件中常见的文件中,我覆盖了字体和较少的文件夹。这不足以让我的项目使用最新的图标集吗? - 这不是旧的图标工作,但新的图标不是。

如果我不重新编译(我甚至不需要???),我还需要寻找什么才能让新图标正常工作?

修改

在模板的主css文件中,我发现了一些与Font Awesome相关的代码:

@font-face {
  font-family: 'FontAwesome';
  src: url('dev-plugins/fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('dev-plugins/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('dev-plugins/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('dev-plugins/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('dev-plugins/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('dev-plugins/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;

在同一个文件中引用了FA图标 - 例如:

.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}

现在假设我的整个模板需要重新编译?

1 个答案:

答案 0 :(得分:-1)

我通过以下方式解决了这个问题:

  1. 访问模板的源文件
  2. 将ZIP Awesome LESS文件替换为其zip下载中的最新版本
  3. 用最新的
  4. 替换Font Awesome字体文件
  5. 使用新文件,重新编译主要的CSS LESS文件
  6. 用我项目中的那个覆盖输出的CSS
  7. 我正在使用Windows,因此我使用WinLess编译LESS文件。

    所以我的问题的答案是:是的 - 我确实需要重新编译一些LESS,因为在主CSS文件中嵌入了Font Awesome细节(出于我的原因)。