有没有办法在网上使用苹果 SF Symbols答案

【问题标题】：Is there a way to use the apple SF Symbols on the web有没有办法在网上使用苹果 SF Symbols
【发布时间】：2021-01-12 23:06:12
【问题描述】：

我正在尝试创建一个网站，并希望将 Apple 的 SF 符号用于某些图标，但是我找不到将 SF 图标放到网站上的方法，我下载了该应用程序并将图标复制到了网站上显示一个空白方块。

任何帮助将不胜感激。

【问题讨论】：

标签： html css sf-symbols

【解决方案1】：

我将 SFSymbols3 mac 应用程序中的符号（我猜是 UTF8）复制到 TextEdit 中并将其保存为 html。生成的页面在 macOS 上的 Chrome (94.04) 中有效，但令人惊讶的是在 Safari (15.0) 中无效。

我做了一个js小提琴：https://jsfiddle.net/4so0wzdk/#&togetherjs=Tv12LecGJT

在您必须粘贴符号而不是 XXX 和 YYY 的截图下方。

<style type="text/css">    
   p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 20.0px 'SF Pro'}
</style>
</head>
<body>
  <p class="p1">XXX 0.circle</p>
  <p class="p1">YYY? 00.circle</p>
</body>
</html>

必须安装来自 Apple 的 SFSymbols3.app。否则将无法正常工作。

【讨论】：

【解决方案2】：

很遗憾，SF Symbols 下载随附的许可证不允许此应用程序。

您对从 Apple SF 字体获得的符号的使用仅限于为在 Apple 的 iOS、iPadOS、macOS 和 tvOS 操作系统上运行的软件产品创建用户界面模型。

【讨论】：