我正在尝试制作一个网站,并希望将 Apple 的 SF Symbols 用于某些图标,但是我找不到将 SF Icons 放到网站上的方法,我下载了该应用程序并复制了该图标,但是在网站上它显示为空白正方形。
任何帮助,将不胜感激。
我正在尝试制作一个网站,并希望将 Apple 的 SF Symbols 用于某些图标,但是我找不到将 SF Icons 放到网站上的方法,我下载了该应用程序并复制了该图标,但是在网站上它显示为空白正方形。
任何帮助,将不胜感激。
不幸的是,SF Symbols 下载随附的许可证不允许此应用程序。
您对从 Apple 的 SF Font 获得的符号的使用仅限于为在 Apple 的 iOS、iPadOS、macOS 和 tvOS 操作系统上运行的软件产品创建用户界面模型。
我将 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。否则它将无法正常工作。