9

我正在尝试制作一个网站,并希望将 Apple 的 SF Symbols 用于某些图标,但是我找不到将 SF Icons 放到网站上的方法,我下载了该应用程序并复制了该图标,但是在网站上它显示为空白正方形。

任何帮助,将不胜感激。

4

2 回答 2

4

不幸的是,SF Symbols 下载随附的许可证不允许此应用程序。

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

于 2021-09-14T22:33:22.577 回答
0

我将 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。否则它将无法正常工作。

于 2021-10-02T10:34:02.497 回答