问题标签 [fontello]

我想在输入值中添加 fontello 图标

这是输入代码：

<input style= "font-family: fontello;" id="mc4wp_submit" type="submit" value="&#xe800;"/>

但图标显示为  而不是图像

我如何解决它？

从 2018 年 5 月 23 日起，我发现 fontello.com 已关闭。谁能建议我如何使用从 fontello 生成的 SVG 字体在其他在线引擎上添加更多字体？

我在 fontello 上上传了一个 svg 图标

如果在 ios 上完美显示

但是在android上有很多空格

知道为什么吗？

这是我的 svg 文件

使用 Bootstrap 4，我可以创建一个列表项列表。每个列表项都包含一个文本和一个带有图标的按钮。该图标取自Fontello。

在移动屏幕（XS 媒体）上，有时按钮不会将图标作为按钮内容。结果是一个非常小的按钮，不包含图标。这看起来像在移动设备上：

在我的桌面（F12，XS 设备）上的 Chrome 上，结果符合预期。

诊断是：当我添加一些行时，列表项的垂直大小会变小。添加 10 项，列表项只有几毫米高！因此，列表项的大小变得不那么高，按钮变得不那么高。这与' flexbox '有关吗？

为什么会这样？我知道，当您省略在按钮中放置任何内容（或任何文本）时，按钮将保持非常小。如何修复这个？

按钮的代码（在 Angular 6 中）

'cachesOnHikeList' CSS 类是：

Plan-B也不起作用。此代码（添加 2 个字符作为按钮文本）产生相同的结果：

Plan-C：添加“真实”字符作为按钮文本无济于事。“X”显示在小按钮下方。该按钮类似于屏幕截图上的按钮。

我对使用 fontello 从 svg 生成的自定义字体图标有疑问。在 PC 上，图标可以正常工作，但在 iOS 浏览器上我没有透明度。所有源 svg 都包含填充规则：evenodd。

我找不到我的问题的解决方案，如果你知道如何解决这个问题，请帮助。

在 PC 上自定义 fontello 图标工作正常，但在 iOS 上我有问题。我不确定 Android 是否运行良好，但 iOS 具有更高的优先级。

对桌面的影响（好的）：https ://ibb.co/9pfZFnf 对 iOS 的影响（不好）：https ://ibb.co/Y846vb0

在fontello.css文件中可以看到一个图标的代码，比如：

.icon-user:before { content: '\e811'; }

这e811是我需要检索的部分，将图标嵌入到 SVG 图表中。

我希望能够以编程方式检索我所有图标的代码。有一个 config.json 文件，但这个“e811”代码不在其中。这是为同一图标给出的内容：

如何以编程方式检索图标的 4 个字母代码？谢谢

所以我有我的 svg 图像，我想使用 Fontello 将其转换为图标并将其导入我的 nuxt 项目。但配置似乎不起作用

这就是我的nuxt.config.js文件中的内容

在我的 html 页面中，我正在使用

和我的css文件，

问题是css文件无法读取font-family: "fontello";我配置错了吗？

我正在按照本教程在我的项目中导入fontello。

但在第 5 步中，我没有 fontello.css 文件。

所以，在你的 App.js 中导入 fontello

导入“./fontello/css/fontello.css”

正如您在我的项目中看到的那样，我没有那个文件。那么如何将 Fontello 导入我的项目？

我创建了一个使用 typescript 和 redux 的自定义反应库。

我做的第一件事是创建一个名为 react-tree 的项目，这是用 react 开发的，我使用了 typescript 和 redux。另外，我创建了一个样式文件夹，我在图标文件夹中添加了 fontello，如图所示。

然后我创建了一个项目，我称之为 react-tree-library 来发布并且两者都可以完美运行。

我遇到的问题是在库（react-tree-librart）中没有导出样式。

当我npm run build在 react-tree 中执行此操作时，这会生成一个构建文件夹，并且 /build/static/media 内部是 fontello 字体、图像。

来自反应树的脚本

“构建”：“fontello-cli 安装 --config ./src/styles/components/icons/config.json --css ./src/styles/components/icons/css --font ./src/styles/components/图标/字体 && react-scripts build",

但是，当我npm run build在 react-tree-library 中进行操作时，会生成两个文件夹：build 文件夹和 dist 文件夹。

来自 react-tree-library 的脚本

“脚本”：{“fontello”：“fontello-cli安装--config./src/tree/styles/components/icons/config.json--css./src/tree/styles/components/icons/css--字体 ./src/tree/styles/components/icons/font && react-scripts build", "build": "npm run fontello && tsc" },

这是因为我在打电话react-scripts build，tsc我知道那是错误的。

但这是我的问题，如何在 dist 文件夹中生成样式以发布带有样式的库？

这是我的 tsconfig.json

这是我的项目的图片：

嗨，我正在尝试按照在线类似教程实现自定义图标，但使用不同的方法一直遇到相同的问题。首先，我将 svg 上传到 fontello 服务。然后我将 .ttf 文件放入我的 assets/fonts 文件夹中。然后我将 config.json 文件放在我的 src 基本文件夹中。最后，我将它们链接起来，甚至检查了构建阶段设置以确保它在 xcode 中。但是，该图标没有显示以下代码，而是在一个白框内显示一个问号。我应该做什么？