首页 > 解决方案 > 代号一:使用 Fontello 和 CSS

问题描述

读者注意:这个问题不是关于标准 CSS 的,而是专门与 Codename One 的 CSS 支持有关。

我对 Codename One 中包含的 Material 字体图标不满意。我想替换几乎所有这些行:

FontImage.createMaterial(FontImage.MATERIAL_XXX, "ColorWhite", 4)

与 Fontello 不同的东西。过去,我阅读了如何使用 Codename One 中包含的 CSS 支持来做到这一点,但目前我没有找到我阅读的内容。我只找到了这个:https ://www.codenameone.com/blog/using-icon-fonts-such-as-fontello.html ,但它没有解释如何使用 CSS。

所以我的问题是使用 CSS 在 Codename One 应用程序中使用 Fontello 图标的正确编码(有教程吗?)

标签: codenameone

解决方案


您可以按照此处的说明声明字体https://github.com/shannah/cn1-css/wiki/Fonts

大致是这样的:

@font-face {
    font-family: "Fontello";
    src: url(res/Fontello.ttf);
}

然后,您可以将字体应用于您希望使用的任何 UIID,例如:

MyIcon {
    font-family: "Fontello";
}

推荐阅读