时间戳

首页 > 解决方案 > 谷歌的 colab 似乎没有在小部件中显示图标形状。播放 (...)

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

问题描述

在 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])

标签： google-colaboratory

解决方案

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"/>'))

推荐阅读