跳至内容
欢迎 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 缺少有效的“viewBox”属性来定义可见区域。

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

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

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

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

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

此 SVG 的重叠点过多 - 您可能重复了对象。

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

图标路径数据的精度较低。这可能没问题,但请仔细检查您的图标是否有与原始图标的扭曲。

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

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

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

已将形状转换为路径。

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

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

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

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

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

已取消对所有对象进行分组。

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

一些对象部分位于 SVG 视窗之外。

您的 SVG 中有一些对象部分位于 viewBox 外。您需要调整图标,使其完全位于源文件中的 viewBox 内,然后重新导出 SVG 并重新上传。

我们已删除在 SVG viewBox 外部找到的对象。

您的 SVG 中有一些对象位于 viewBox 外。您需要调整图标,使其完全位于源文件中的 viewBox 内,然后重新导出 SVG 并重新上传。

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

您的 SVG 中有一些隐藏对象,由于我们通常可以将其删除而不会造成问题,因此我们已准备 SVG 以供上传。但您应该在保存之前仔细检查图标是否正确,并从源文件中删除这些对象,以免再次出现相同的提示。

已将图标比例向上缩放,以适合其他图标。

我们始终将高度缩放至 512 像素(我们的标准 SVG 高度),并将使用 CSS 将其调整为相当于 16 像素高(我们的标准图标高度)或您使用 CSS 定义的任何大小。

已将图标比例向下缩放,以适合其他图标。

我们始终将高度缩放至 512 像素(我们的标准 SVG 高度),并将使用 CSS 将其调整为相当于 16 像素高(我们的标准图标高度)或您使用 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 的套件。