我正在嘗試使用 Webpack Encore 項目將 Font Awesome 導入我的 Symfony 5，但我不能。我已經(jīng)閱讀了所有（其中大部分）SO 問題、框架教程等，但沒有顯示任何圖標。我遵循的步驟：第一次嘗試：編譯資產(chǎn)并觀察變化yarn watch免費安裝 Font Awesome：yarn add --dev @fortawesome/fontawesome-free將 CSS 文件導入app.css文件 ( assets/css/app.css)：@import '~@fortawesome/fontawesome-free/css/fontawesome.css';@import '~@fortawesome/fontawesome-free/css/regular.css';@import '~@fortawesome/fontawesome-free/css/solid.css';@import '~@fortawesome/fontawesome-free/css/brands.css';將圖標添加到 TWIG 模板：（根據(jù)Font Awesome 文檔<i class="fas fa-star"></i>，我還嘗試在圖標前加上。fa fa-star第二次嘗試：編譯資產(chǎn)并觀察變化yarn watch免費安裝 Font Awesome：yarn add --dev @fortawesome/fontawesome-free將 CSS / JS 文件導入app.js文件 ( assets/js/app.js):import '~@fortawesome/fontawesome-free/css/all.min.css';
import '~@fortawesome/fontawesome-free/js/all.js';將 Solid Font Awesome 圖標導入 CSS 文件 ( assets/css/app.css)（以及 JS 文件）：@import '~@fortawesome/fontawesome-free/css/solid.css';將圖標添加到 TWIG 模板：<i class="fas fa-star"></i>我也嘗試過使用 CSS unicode：element {
content: "\f005"
}它們都不顯示任何圖標，或任何控制臺錯誤、警告、消息或任何內(nèi)容，但我每次都得到一個空圖標。有什么線索嗎？
1 回答
蕭十郎
TA貢獻1815條經(jīng)驗 獲得超13個贊
您的第一次嘗試是正確的方法，您只是錯過了$fa-font-path正確的設(shè)置。
$fa-font-path: '~@fortawesome/fontawesome-free/webfonts';
@import '~@fortawesome/fontawesome-free/scss/fontawesome';
@import '~@fortawesome/fontawesome-free/scss/solid';
@import '~@fortawesome/fontawesome-free/scss/regular';
@import '~@fortawesome/fontawesome-free/scss/brands';
- 1 回答
- 0 關(guān)注
- 129 瀏覽
添加回答
舉報
0/150
提交
取消