如何在iOS 12及以下版本中使用SF符号?

Jul*_*per 20 human-interface ios sf-symbols

我正在更新应用程序中的图标。听说Apple发布了SF Symbols以iOS 13 命名的图标字体后,我想知道我是否只能在iOS 13中使用它们,或者是否也可以在较低版本的iOS中使用它们。

如果要使用它们,是否必须对旧版本实施后备?

fun*_*len 28

您不能在低于iOS 13的iOS版本中本地使用SFSymbols。

但是,如果您对使用图形感兴趣,则可以使用SFSymbols应用程序导出图标的SVG版本。然后使用一些图形工具将它们转换为可以导入资产目录的图标。

屏幕截图如何在Mac上从SFSymbols应用程序导出SVG。

根据人机界面指南,尽管如此,您不应在较旧的iOS版本中使用新图标:

您可以在iOS 13和更高版本,watchOS 6和更高版本以及tvOS 13和更高版本中运行的应用程序中使用SF符号。要浏览完整的符号集,请下载SF Symbols应用程序。 https://developer.apple.com/design/human-interface-guidelines/sf-symbols/overview/

  • 您能澄清一下哪里说您不应该在旧版 iOS 版本中使用 SF 符号吗?这句话表明旧版本不支持 SF Symbols,但似乎并不阻止使用图标的图形版本。这对于那些希望在 iOS 版本之间保持一致外观的人来说是相关的,而不是在 iOS 13 中使用 SF 符号以及在旧版本中使用不同的图标。谢谢! (8认同)
  • 并非 SFSymbols 应用程序中的所有图标都可以导出。 (3认同)
  • 这个免费的在线工具允许下载 png 格式的 SF Symbols,切片为 3 种尺寸,适用于 iOS。只需单击 IOS 下载按钮即可获取包含 png 切片的 zip 文件。https://hotpot.ai/free-icons?s=sfSymbols (3认同)
  • 由于引用的 Apple 文档似乎并没有真正阻止 SF Symbol 在早期操作系统版本中使用,因此被否决。 (2认同)

Oly*_*tre 5

解决中

我没有找到解决方案,我放弃了,但实际上我在调查方面走得很远。也许比我更幸运的人将能够找出hpw来继续我开始的工作:

在Apple文档中,据说为了轻松浏览所有新的iOS 13 SF Symbols,可以下载SF Symbols应用程序:https : //developer.apple.com/design/human-interface-guidelines/sf-符号/概述/

安装完成后,您可以进入 Application > SF Symbols > showPackage content

在此处输入图片说明

从那里,content > Resources我们可以找到一个有趣的文件,名为SFSymbolsFallback.ttf

在此处输入图片说明

并且,如果您尝试在https://fontdrop.info/上打开此文件,则可以看到它包含iOS 13中作为SF Font发布的所有字体字形以及相关的unicodes。

在此处输入图片说明


答对了?没那么快...

从那里,我尝试将此.ttf导入到我在Xcode 10.2.1上的iOS 12中的项目中,但是似乎从未正确导入。调用时无法在可用字体列表中进行检索UIFont.familyNames

更有趣的是,如果我尝试在Font Book应用程序中导入该字体,则会收到一条警告,提示它包含重复项,与现有字体存在某种冲突

在此处输入图片说明


从那里?

我的猜测是,在Font Book和Xcode中还有另一种阻止安装SF Symbols的字体。

解决方案之一可能是找到XCode软件包中有冲突的一个并将其删除(这可能是Symbols字体,或者San Francisco是导致idk问题的原因)

我还尝试使用字体编辑器打开字体文件并更改其名称和姓氏,但没有成功。

如果有人想继续调查。

希望这可以帮助某人!

  • @Olympiloutre有一个工具可以将SF符号导出为不同格式-https://github.com/davedelong/sfsymbols (2认同)

use*_*917 5

您可以使用Figma打开.svg。然后选择Regular-M并导出为PDF或PNG。

  • 最好的答案。将导出的文件从 SF Symbols 拖放到 Sigma 中,然后单击矢量图像,然后单击右侧面板的导出。完毕。 (2认同)