在 CSS 中使用 Nativescript icomon 字体的颜色和大小答案

【问题标题】：Color and size using Nativescript icomon font in CSS在 CSS 中使用 Nativescript icomon 字体的颜色和大小
【发布时间】：2018-11-09 12:18:24
【问题描述】：

无法在 CSS 中使用 icomon 更改图标的颜色和大小。我正在使用 Nativescript 核心。

CSS：

.moon {
    font-family: "icomoon";
    font-size: 40;
    color: black;
}

XML：

<label text="&#xf000;" class="fa test"></label> 
<label text="&#xe900;"  style="color: black; font-size: 40" class="moon"></label>

第二个标签适用于内联样式，但我需要像第一个标签一样使用 CSS。它加载图标，但不加载其他样式。

【问题讨论】：

如果从 css 中删除 font-family 是否有效？如果没有，则 css 没有被加载。尝试创建一个可以帮助您解决问题或获得帮助的游乐场示例。我认为它不需要@Pete 提到的单位。
我说是因为我在 Nativescript 中看到 css 字体大小在没有单位的情况下工作。例如：在此处检查 css 文件 play.nativescript.org/?template=play-tsc&id=Y4fVGt&v=16
是的 Nativescript 有一个默认单位 (dip)。 @Rakesh 没有字体系列它不起作用，我不知道如何将字体卸载到操场（我对 NativeScript 非常了解）。内联样式版本在没有单位的情况下也能正常工作。
您可以将字体上传到 Playground。转到play.nativescript.org点击+按钮并在app按钮下创建名为Fonts的文件夹，然后再次点击+文件夹并上传资源浏览到ttf文件并上传。试试 nativescript playground，它很简单，你会喜欢的。
哦，我没有看到“+”谢谢。似乎在操场上工作正常，但在本地运行模式下对我不起作用。我需要一些额外的配置吗？我正在使用空白模板。 play.nativescript.org/?template=play-js&id=NdW0SF

【解决方案1】：

另一个插件覆盖了我的标签样式，这是一个问题。

【讨论】：

【解决方案2】：

试试这个：

<Label text="&#xe900;" color = "black" fontSize = "40" fontFamily = "icomoon"></Label>

【讨论】：