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