google-colaboratory - 谷歌的 colab 似乎没有显示小部件中的图标形状。播放 (...)

Question

在 Google 的 colab 中，Play 小部件不显示填充形状。如果你输入下面的代码，你会看到播放按钮的轮廓很模糊(在黑暗模式下显示效果更好)，但是单步和三角形(播放)等播放按钮图标不显示。感谢您的任何反馈。

play = widgets.Play(
    value=50,
    min=0,
    max=100,
    step=1,
    description="Press play",
    disabled=False
)
slider = widgets.IntSlider()
widgets.jslink((play, 'value'), (slider, 'value'))
widgets.HBox([play, slider])

Answer 1

Play 小部件使用 FontAwesome 来呈现图标。谷歌 Colab 似乎不包括这一点。

您需要以某种方式包含 FontAwesome 的 CSS 样式表，例如来自 https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css . Colab 在单独的 iframe 中显示输出，这意味着必须对每个输出单元格(包含图标)重复此操作。

对我有用的(在 Python 3 内核中)是添加 from IPython.display import HTML在我的导入中，然后在显示 Play 的每个输入单元格中作为第一行:

display(HTML('<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>'))