如果使用工具包，则“真棒字体”图标在iOS上将显示为空白框

Question

由于我决定使用工具包而不是CDN，因此当将图标设置为CSS伪类的内容时，我无法在iPhone或iPad上显示图标。该图标呈现为一个空框。

请注意：我需要一种解决方案，即使用FontAwesome的这种方式：

<script src="https://kit.fontawesome.com/XXXXXXXXXX.js"></script>

不适用于CDN（链接或@import）

我也尝试将字体用于

Font Awesome 5 Free
Font Awesome 5 Pro
Font Awesome 5 Brand

这些作品都没有。唯一可行的是

FontAwesome

，但不适用于iPhone和iPad。在这种情况下，类似问题中描述的解决方案在这种情况下不起作用。

p.note::after {
  position: absolute;
  content: '\f06a';
  font-family: FontAwesome;
  font-size: 1.2rem;
  left: 0.4rem; 
  top: 0.2rem; 
}