跳至内容
欢迎使用 Web Awesome,最大的、最好的开源 Web 组件库。
今天预购!

上传故障排除

遇到了一些问题?让我们来找出你的向量,维克多(或维多利亚)。以下是一些我们在设计和上传图标时遇到的一些常见的快速沙坑、帝国封锁和麻烦情况。

我想上传的文件不被接受!

我们只接受 SVG 文件(以 .svg 扩展名结尾),用于将图标上传到套件。抱歉,不支持 PNG、PDF 等文件。如果您尝试上传 SVG 文件,请 确保它是有效的 SVG.

我的 SVG 中有字体或字体文件!

看起来你忘记了在设计图标时 将使用的任何字体转换为路径

我的 SVG 中有形状!

如果您在 SVG 代码中看到 rectcircleellipsepolygon 之类的形状,则需要 将每个形状转换为路径 在源文件中,然后尝试再次上传。

我的 SVG 中有描边!

为了确保您在 Web 上调整图标大小时,图标的所有方面都能正确缩放,您需要 将所有描边扩展 成为其路径维度的组成部分。

我的 SVG 中有图像!

栅格图像,如 PNG、GIF 和 JPG,不会缩放,应从 SVG 中删除。如果可能,您应该找到该图像的矢量版本,以便在设计图标时使用。

我的图标比例看起来太小或太大!

仔细检查您的视窗是否为正确的 高度。如果您在像 Adobe Illustrator 这样的软件中设计了您的图标,请检查您的画板尺寸。

接下来要审查的是您在画板上的图标位置 - 它是否按您偏好的视觉画布比例正确缩放?

不确定正确的视窗高度是什么,或者如何正确放置图标?查看我们的图标设计指南 以获取我们的建议。

最后,确认画板/视窗上没有其他路径或点。其他路径或点可能会导致渲染和缩放问题。

我收到了一条我不理解的警告或错误消息!

以下是一些您可能在上传过程中收到的消息,以及如何处理它们。(许多可以通过遵循我们的 图标准备说明 来解决。)

此 SVG 包含我们无法理解的一些代码。

我们无法读取 SVG 文件,可能是因为在导出过程中发生了某些事情,或者它可能不是 SVG 文件?您需要修复您的文件,然后尝试再次上传。

此 SVG 包含带有无法转换为图标的变换的物体。

您的文件中存在变换,我们无法将它们包含在图标中。您需要将它们删除,再次导出 SVG,然后重新上传。

此 SVG 包含需要扩展的描边。

在您的 SVG 中检测到描边。您需要将源文件中的所有形状转换为轮廓,重新导出 SVG,然后尝试再次上传。

期望找到有效的 SVG 元素。

我们无法读取 SVG 文件,可能是因为在导出过程中发生了某些事情,或者它可能不是 SVG 文件?您需要修复您的文件,然后尝试再次上传。

此 SVG 包含应扩展的填充。创建图标时会忽略颜色。

在您的 SVG 中检测到颜色填充,但我们能够猜测出正确的修复方法,并将其准备上传。您应该在保存之前仔细检查图标是否正确。为防止这种情况再次发生,请在导出 SVG 之前从源文件中删除所有颜色。

包含无法转换为图标的位图图像。

您的文件中包含位图图像,我们无法将它们包含在图标中。您需要将它们删除,再次导出 SVG,然后重新上传。

此 SVG 包含无法转换为图标的字形。

您的文件中存在字形,我们无法将它们包含在图标中。您需要将它们删除,再次导出 SVG,然后重新上传。

此图标包含需要转换为轮廓的文本元素。

您的 SVG 中存在需要转换为轮廓的文本。您需要为源文件中的任何文本的所有描边创建轮廓,重新导出 SVG,然后尝试再次上传。

此 SVG 包含需要扩展的线。

您的 SVG 中存在需要扩展的线。选择源文件中的任何线,将它们转换为轮廓,然后重新导出 SVG 并尝试再次上传。

此 SVG 缺少有效的“视窗”属性来定义可见区域。

您的 SVG 没有视窗,我们无法修复它。您需要在源文件中添加视窗,再次导出 SVG,然后重新上传。

此 SVG 包含应用于物体的蒙版,这些物体无法转换为图标。如果您想对图标的某些部分进行蒙版,请在上传图标后使用 Font Awesome 的支持样式。

您的 SVG 中存在蒙版,因此您需要将它们制作成复合路径,再次导出 SVG,然后重新上传。

已删除多余的代码和注释。

您的 SVG 中有一些额外的代码和注释。我们通常可以毫无问题地删除这些内容,因为我们在上传的 SVG 中不使用这些信息,但您应该在保存之前仔细检查图标是否正确。

此 SVG 中的点重叠过多 - 您可能重复了物体。

我们在您的 SVG 中检测到重叠点,因此我们无法将其转换为单个图标。您需要将它们合并到单个复合路径中,再次导出 SVG,然后重新上传。

图标路径数据的精度较低。这可能是可以的,但请仔细检查您的图标是否有与原始图标的偏差。

您的 SVG 数据中的数值精度较低,这可能会在我们将它放大时造成失真。您应该在保存之前仔细检查图标是否正确。

所有 CSS 样式和类已从 SVG 中删除。

您的 SVG 中嵌入了一些 CSS。我们通常可以毫无问题地删除样式和类,因为我们在上传的 SVG 中不使用这些信息,但您应该在保存之前仔细检查图标是否正确。

形状已转换为路径。

在您的 SVG 中检测到一些形状,但我们能够猜测出正确的修复方法,并将其准备上传。您应该在保存之前仔细检查图标是否正确。为防止这种情况再次发生,请在导出 SVG 之前将源文件中的所有物体都转换为轮廓。

除“d”以外的所有属性已从路径中删除。

您的 SVG 中有一些嵌入数据。我们通常可以毫无问题地删除这些类型的内容,因为我们在上传的 SVG 中不使用这些信息,但您应该在保存之前仔细检查图标是否正确。

多个路径已合并到一个复合路径中。

您的 SVG 中存在多个路径,但我们能够猜测出正确的修复方法,并将其准备上传。您应该在保存之前仔细检查图标是否正确。为防止这种情况再次发生,请在导出 SVG 之前为源文件中的所有物体创建一个单个复合路径。

所有物体都已取消分组。

您的 SVG 中存在一些分组物体,由于我们通常可以猜测如何解决这些问题,因此我们准备了 SVG 以供上传。但您应该在保存之前仔细检查图标是否正确,并将源文件中的所有物体都取消分组,这样就不会再收到相同的错误消息。

一些物体部分位于 SVG 视窗之外。

您的 SVG 的视窗之外存在部分物体。您需要调整图标,使其完全适合源文件中的视窗,再次导出 SVG,然后重新上传。

我们删除了在 SVG 视窗之外找到的物体。

您的 SVG 文件中有一些对象超出了 viewBox 的范围。您需要调整您的图标,使其完全适应源文件中的 viewBox,然后重新导出 SVG 并重新上传。

我们已删除视觉上隐藏的对象。

您的 SVG 中有一些隐藏的对象,由于通常我们可以直接删除它们而不会造成问题,因此我们对 SVG 进行了预处理以备上传。但是,您应该在保存之前仔细检查图标是否正确,并从源文件中删除这些对象,以免再次收到此消息。

图标的比例已按比例放大,以与其他图标相匹配。

我们始终将图标比例调整为 512px 高度(我们的标准 SVG 高度),并将使用 CSS 将其调整为相当于 16px 高度(我们的标准图标高度)或您使用 CSS 定义的任何尺寸。

图标的比例已按比例缩小,以与其他图标相匹配。

我们始终将图标比例调整为 512px 高度(我们的标准 SVG 高度),并将使用 CSS 将其调整为相当于 16px 高度(我们的标准图标高度)或您使用 CSS 定义的任何尺寸。

无法确定发生了什么问题,但我们无法将此 SVG 调整到正确的尺寸,因此无法上传。

我们无法正确调整图标的大小。请仔细检查是否按照图标准备说明进行操作,然后尝试再次上传。

此 SVG 缺少有效的“viewBox”属性来定义可见区域,因此我们为您创建了一个。如果看起来不正确,请尝试使用您自己的“viewBox”重新上传。

您的 SVG 没有 viewBox,由于我们通常可以猜测如何解决这些问题,因此我们对 SVG 进行了预处理以备上传。但是,您应该在保存之前仔细检查图标是否正确,并在源文件中添加 viewBox,以免再次收到此消息。

许多上传问题可以通过遵循我们的图标准备说明或使用我们的Adobe IllustratorFigma模板来解决。

我上传的图标没有在我的项目中显示!

情况不太好。请首先查看以下事项:

  • 您拥有 Font Awesome Pro 服务的访问权限(通过您有效的 Pro 订阅或从 Font Awesome 5 的预订/预购中获得)。我们的工具包及其上传的图标被视为 Pro 服务。
  • 您在项目中引用的工具包包含您想要使用的上传的图标。上传的图标与特定工具包绑定,仅适用于引用该工具包的项目。
  • 您尝试使用图标的域名已获该工具包授权(即该工具包已开放或已添加该域名)。
  • 您已将特定工具包的嵌入代码添加到项目 HTML 页面或模板的<head>部分。
  • 您已通过在项目 HTML 中使用<i class="fak fa-[uploadedIconName]"></i>语法来引用要显示的上传的图标。
  • 您正在使用正确的图标前缀(fak),而不是Font Awesome 的其他样式前缀,来引用上传的图标。

另外请注意,我们基于 Web 字体的工具包仅支持 WOFF2 字体格式,因此基于 Web 字体的工具包中的上传的图标在 Internet Explorer 10 或 11 中将无法使用(这些浏览器需要较旧的 WOFF 格式)。我们正在探索添加 WOFF 支持的选项,但目前最佳选择是使用基于 SVG 的工具包。