代号一：将 Fontello 与 CSS 结合使用

Posted 2023-03-22

【中文标题】代号一：将 Fontello 与 CSS 结合使用

【英文标题】：Codename One: use Fontello with CSS

【发布时间】：2018-08-27 18:55:56

【问题描述】：

读者注意：这个问题不是关于标准 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 图标的正确编码（有教程吗？）。

【参考方案1】：

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

大概是这样的：

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

然后您可以将字体应用到您希望使用的任何 UIID，例如：

MyIcon 
    font-family: "Fontello";

【讨论】：

今天我发现这种方法只适用于单一的“Fontello.ttf”字体。要在同一个项目中使用更多从 Fontello 下载的 ttf 文件，需要使用像 fontforge.org 这样的跨平台免费工具重命名它们，如 superuser.com/a/120607 中所述。

是的，因为它们具有相同的字体名称。更好的方法是创建一个大文件，这正是 fontello 所做的