如何使用 CSS 插入 LUI 图标"arrow-down"

Question

我正在尝试将LUI (Leonardi UI)库图标与CSS插入到我们的web应用程序(QlikSense)。

它可以很好地处理带有一个"word"例如"play":

.source-sans-pro .qv-collapsed-listbox .title-wrapper::after {
font-family: "LUI icons" !important;
content: "play";
padding-right: 10px;
}

但是，当尝试添加带有两个"word "的图标时例如"箭头向下"，它不再工作了:

.source-sans-pro .qv-collapsed-listbox .title-wrapper::after {
font-family: "LUI icons" !important;
content: "arrow-down";
padding-right: 10px;
}

谁知道如何解决这个问题?

Answer 1

尝试将-替换为_(下划线)字符，例如content: "arrow_down";