问题标签 [fontello]

我在 Adob​​e Illustrator 中创建了一个简单的 SVG，然后将其保存为 SVG：

然后我将此 SVG 上传到 glyphter.com，它看起来完全居中：

然后，我将 Glyphter 下载生成的 .svg 文件拖放到 fontello 中，并在我的网站中使用它，但我生成的所有文件都像这样偏移：

有谁知道为什么会有偏移量？不应该是居中的吗？

我什至尝试使用画板保存我的 SVG 图形，并且我使用了高度和宽度相同的画板，所以它是一个正方形。

我正在使用由 fontello 制作的自定义图标字体。尝试在 webpack 中使用它时，出现以下错误：

它对 woff(2)、ttf、svg ......所有这些都是这样做的。我使用了在 SOF 上找到的几种解决方案，但它们似乎都不起作用。

这是我的 webpack.config.js：

有人对此有任何想法吗？

谢谢！

问候

马里奥

使用 MVC 5，我在我的应用程序中包含了 Fontello图标。我的字体文件夹中有以下文件类型： eot、ttf、woff、woff2、svg

在本地运行应用程序，图标看起来不错，但在 Azure 中运行时它们不显示。

按照以下建议： http ://codingstill.com/2013/01/set-mime-types-for-web-fonts-in-iis/ ，我将以下代码添加到 web.config：

这没有帮助，图标仍然不显示，我收到以下控制台错误：

但我只得到 5 种文件类型中的 3 种：（ttf、woff 和 woff2）。

注意：文件确实存在，并且在正确的位置！

有任何想法吗 ？

我正在创建网站，我有一个小问题。对于类或 ID 的每个名称，我使用了驼峰式，但 fontello 图标总是有语法：icon-something。有没有办法为图标创建别名，smg 像 iconSomething？

这些图标在 Firefox 中不显示，而且这种情况有时会发生。

CSS：

（字体部分引用的文件已到位）

是浏览器问题（因为它仅在 FF 中）还是 CSS 有问题？

我想使用一些 Font Awesome 图标，所以我在 www.fontello.com 上选择了它们，我已经更改了前缀 tofa-和font-family: 'fontello'to font-family: 'FontAwesome'并调整了路径。还有什么我需要做的吗？

当我使用带有伪元素的图标时，它可以工作

但是当我想使用这样的图标时它不起作用

这是我的 fonts.scss 的一部分

我尝试<br />在 fontello 图标后插入一个标签来换行，发现当 div 的样式为“display:flex”时是不可能的。添加空白也被禁用。可以在某个字符后添加新行，但新行从<i>标记下方开始。为什么以及如何解决这个问题？PS：我注意到在 Chrome 中的情况比在 Firefox 中要好，但新行仍然从<i>标签下开始。例子：

我想在 AngularCLI 项目中使用 fontello 的一个图标，所以我安装在 npm 中： npm install --save fontello-cli

结果：node_modules 中的新文件夹很好，但我没有看到一些 css 文件。那么如何在没有 css 文件的情况下将一些图标添加到我的项目中呢？当我安装 font-awesome 时，有 css 文件，所以我知道如何将它添加到我的项目中。

如何向现有的 Fontello 目录添加更多字体？

我知道我可以将我的 config.json 重新导入 Fontello 网站，然后选择新字体，然后重新下载配置文件。

这会更新配置文件，但当然不会更新实际的 .css 文件。

如此短的再次下载整个 ZIP （这很烦人，因为它每次在文件名中都有不同的随机后缀），如何做到这一点？

我也通过 CLI 尝试过，但基本上没有关于如何实现这一点的文档，如果可以的话。

因此，我最近开始对我的应用进行一些修改，以使其与 iOS 11 兼容。谢天谢地，大部分似乎都是。

但是我确实注意到，如果我在我的工具栏中点击或点击并按住一个图标，该图标由 fontello 的 ttf 文件提供，我会得到一个问号框。

图标示例：

它在 10.3.1 模拟器中运行良好。只是 iOS 11 似乎搞砸了。我已经阅读了有关设备的修复程序，这意味着更新操作系统，但模拟器运行的是 11.2，所以理论上它应该是修复的。

还有其他人有这个问题吗？知道修复吗？