相关疑难解决方法(0)

无论如何使用Sass的@import命令导入常规CSS文件？虽然我没有使用sass的所有SCSS语法,但我仍然喜欢它的组合/压缩功能,并且希望能够在不将我的所有文件重命名为*.scss的情况下使用它.

我正在使用Angular(6)应用程序,我正在尝试使用FA图标,并且没有运气下拉.我成功使用了FA(4)图标,例如:

<i class="fa fa-align-justify"></i>

但是:无法正常工作,我正在使用此命令安装FA

npm install font-awesome --save

来自 package.json

在node_modules文件夹中,我可以看到FA.css,但它说Font Awesome 4.7.0 ...

在angular.json文件中,我引用了FA: "node_modules/font-awesome/css/font-awesome.min.css",

我红了很多帖子就像那个 如何使用通过NPM安装的字体awesome 5

我还需要做什么？

我正在开发环境（本地主机）中使用Angular 4。我通过npm安装了很棒的字体并添加了：

"./node_modules/font-awesome/css/font-awesome.css",

到我的样式脚本。

当我在浏览器中检查图标时，一切看起来都很好：

但是我的图标没有出现在页面上，只是一个空的正方形。我究竟做错了什么？

我.woff出于某些网络原因在中国从Google网络字体下载了该文件.以前我@font-face在Github Pages上尝试过,它可以工作.但是这次花了我一个小时的时间来找到被打破的地方.

我使用Node来提供静态文件mime,content-type看起来是application/x-font-woff和我在CoffeeScript中的代码:

exports.read = (url, res) ->
  filepath = path.join __dirname, '../', url
  if fs.existsSync filepath
    file_content = fs.readFileSync filepath, 'utf8'
    show (mime.lookup url)
    res.writeHead 200, 'content-type': (mime.lookup url)
    res.end file_content
  else
    res.writeHead 404
    res.end()

由于content-type的.woffGithub上的页面时application/octet-stream,我只是出来的CommNet该行在我的代码,使之同.但它还是失败:

exports.read = (url, res) ->
  filepath = path.join __dirname, '../', url
  if fs.existsSync filepath
    file_content = fs.readFileSync filepath, 'utf8'
    show (mime.lookup url)
    # res.writeHead 200, …

我正在使用font-awesome进行角度4项目,我按照本指南使用npm安装库: 如何为Angular 2 + CLI项目添加字体功能

我已经使用ng-serve命令配置项目来编译scss样式表,我的angular-cli.json的样式路径如下所示:

"styles": [
        "../node_modules/bootstrap/scss/bootstrap.scss",
        "../node_modules/bootstrap/scss/main.scss",
        "../node_modules/font-awesome/scss/font-awesome.scss"

      ],

我想制作一个带有地址卡图标的按钮,我也在使用Bootstrap 4,所以它看起来像这样:

<button class="btn btn-sm btn-primary"><span class="fas fa-address-card"></span></button>

但是当它加载时,它看起来像这样:

我正在使用超棒的4.70，Angular 6.0.8和cli 6.0.8（下面有完整版本），我正在尝试用cli的“ ng build”替换我们现有的webpack进程。我遇到了字体真棒图标无法显示的问题。过去，我曾在较旧的版本中看到过类似的问题，但是我还没有找到解决方案。

我将字体挂在我的资产中

assets:[
    "./node_modules/font-awesome/fonts",
    //other assets
]

我在angula.json的样式部分中加入了CSS

styles:[
    "./node_modules/font-awesome/css/font-awesome.css",
    //other styles
]

我不是在使用“ ng serve”，而是在使用build命令来编译我的代码。在浏览器中，我得到这些错误。

GET http：// localhost：29380 / fontawesome-webfont.woff2？v = 4.7.0 404（未找到）

GET http：// localhost：29380 / fontawesome-webfont.woff？v = 4.7.0 404（未找到）

GET http：// localhost：29380 / fontawesome-webfont.ttf？v = 4.7.0 404（未找到）

我在输出目录中看到了资产，但是由于某些原因，这些资产不可用，我得到了404。

我在使用scss为我的Angular 4+项目添加font-awesome时遇到了问题.我试图这里给出的许多步骤:如何添加字体真棒到角2 + CLI项目基于SCSS项目主要添加@import '~/../node_modules/font-awesome/scss/font-awesome';到styles.scss和$fa-font-path : '~/../node_modules/font-awesome/fonts';到variables.scss.事情是它编译并且似乎它正在工作,因为我至少得到一个图标应该是的块,而没有它我什么都没得到,但就是这样.我可以尝试在angular-cli中导入css文件,但我宁愿用scss方式来做.在一个有角度的4+项目中有没有人成功？

我发布了一个新话题,因为它似乎是Angular 4中的问题,而不是角度2,基于该帖子中的评论,而且该帖子已经过时了.