如何在rails应用程序的tailwind css中导入font-awesome [关闭]
Posted
技术标签:
【中文标题】如何在rails应用程序的tailwind css中导入font-awesome [关闭]【英文标题】:How to import font-awesome in tailwind css in the rails application [closed] 【发布时间】:2020-01-13 20:08:25 【问题描述】:我正在尝试在我的使用 tailwind css 框架的 rails 应用程序中导入 font-awesome。不幸的是,我的应用程序中没有显示图标方框。
接下来的步骤:
yarn add --dev @fortawesome/fontawesome-free
application.scss
@import "@fortawesome/fontawesome-free";
我尝试了很多方法但无法显示图标。谁能告诉我如何解决这个问题?
【问题讨论】:
【参考方案1】:试试这个:
# application.scss
$fa-font-path: '~@fortawesome/fontawesome-free/webfonts';
@import '~@fortawesome/fontawesome-free/scss/fontawesome';
@import '~@fortawesome/fontawesome-free/scss/regular';
@import '~@fortawesome/fontawesome-free/scss/solid';
【讨论】:
如何包含 .css 文件而不是 .scss 文件? 查看link的最后一个答案以上是关于如何在rails应用程序的tailwind css中导入font-awesome [关闭]的主要内容,如果未能解决你的问题,请参考以下文章
如何使用 Tailwind CSS 读取和解决 Rails 中的 Webpack 错误?
如何将带有 PostCSS 清除的 Tailwind CSS 添加到 Rails 5?
将 Tailwind 安装到 Ruby on Rails 6 |引擎“节点”与此模块不兼容