Font-Awesome 5 PRO in rails 5 app

Question

为了获得专业软件包的好处,无法从gem中添加font-awesome 5.

尝试了不同的方法来添加提供给项目的文件.遵循官方指南

包装内容:

我在其他stackoverflow帖子中看到,将其添加到应用程序的正确方法是

vendor/assets/

但在那之后,put/on-server /的css,js和font或/ web-fonts-with-css/files仍然无法正常工作.

尝试添加自定义样式表链接,需要并在scss中导入.无法实现它.

希望我已经清楚了.

Answer 1

使用'Web字体与CSS'方法有一个皱纹,因为字体网址被硬编码到CSS文件中,但它可以完成.

CSS:

将fontawesome-all.css复制到'vendor/assets/stylesheets'文件夹.

使用更新您的app/assets/stylesheets/application.css文件

 *= require fontawesome-all

字体:

然后将webfonts文件夹复制到公共目录,以便所有字体都在public/webfonts文件夹中.

重新启动您的服务器,您现在应该能够看到您的FA5字体.

带JS的SVG

如果你想让它变得更容易(只有一个文件可以跟踪)那么你可以使用'SVG with JS'方法.

JS:

将fontawesome-all.js复制到'vendor/assets/javascripts'文件夹.

使用更新您的app/assets/stylesheets/application.js文件

 //= require fontawesome-all

重新启动服务器,你很高兴.