亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Symfony 5 不能使用 Font Awesome 圖標

Symfony 5 不能使用 Font Awesome 圖標

PHP
BIG陽 2023-04-28 14:48:30
我正在嘗試使用 Webpack Encore 項目將 Font Awesome 導入我的 Symfony 5,但我不能。我已經閱讀了所有(其中大部分)SO 問題、框架教程等,但沒有顯示任何圖標。我遵循的步驟:第一次嘗試:編譯資產并觀察變化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 模板:(根據Font Awesome 文檔<i class="fas fa-star"></i>,我還嘗試在圖標前加上。fa fa-star第二次嘗試:編譯資產并觀察變化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"      }它們都不顯示任何圖標,或任何控制臺錯誤、警告、消息或任何內容,但我每次都得到一個空圖標。有什么線索嗎?
查看完整描述

1 回答

?
蕭十郎

TA貢獻1815條經驗 獲得超13個贊

您的第一次嘗試是正確的方法,您只是錯過了$fa-font-path正確的設置。


$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';


查看完整回答
反對 回復 2023-04-28
  • 1 回答
  • 0 關注
  • 130 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號