You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

R Shiny Dashboard部分Font Awesome图标不显示(无报错)

解决Shiny Dashboard中Font Awesome图标不显示的问题

问题核心是你使用了无效的Font Awesome图标类名,官方并不存在fa-pie、fa-pizza、fa-salad这些图标名称;fa-pot-food是有效图标,但需确认你的Font Awesome Kit包含该资源。以下是具体修复方案:

修正图标类名

替换问题图标的类名为官方支持的名称:

  • Pie:用fa-cake-slice(最接近的派/蛋糕切片图标)
  • Pizza:用fa-pizza-slice
  • Salad:由于无专门沙拉图标,可选用fa-leaf或fa-carrot替代
  • Stew:fa-pot-food为有效图标,确保你的Kit已包含它

修复后的代码片段

以下是修正后的操作按钮部分代码:

box(
  title = "Pick Your Food", width = 12,
  actionButton("burger", "Burger", icon = tags$i(class = "fa-solid fa-burger")),
  actionButton("chilli", "Chilli", icon = tags$i(class = "fa-solid fa-pepper-hot")),
  actionButton("curry", "Curry", icon = tags$i(class = "fa-solid fa-bowl-rice")),
  actionButton("pasta", "Pasta", icon = tags$i(class = "fa-solid fa-bowl-food")),
  actionButton("pie", "Pie", icon = tags$i(class = "fa-solid fa-cake-slice")),
  actionButton("pizza", "Pizza", icon = tags$i(class = "fa-solid fa-pizza-slice")),
  actionButton("salad", "Salad", icon = tags$i(class = "fa-solid fa-leaf")),
  actionButton("stew", "Stew", icon = tags$i(class = "fa-solid fa-pot-food"))
)

额外检查项

  1. 确认Font Awesome Kit URL正确:替换https://kit.fontawesome.com/<you>.js中的<you>为你的实际Kit ID
  2. 若fa-pot-food仍不显示,可登录Font Awesome后台检查你的Kit是否包含该图标(它属于免费版资源)

内容的提问来源于stack exchange,提问作者akrodger

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.15 20:50:35