[修订]
我的自定义图标字体无法在iOS 5上的Mobile Safari中呈现。我已经确认问题一定出在我的CSS上。
当使用由http://www.fontsquirrel.com
@字体
我目前正在使用以下简化的@font-face声明(SASS)：
@font-face
font-family: 'Boundless'
src: asset-url('boundless.ttf', font) format('truetype')
font-weight: normal
font-style: normal
以下HTML工作(它在iOS 5.1上的Mobile Safari中呈现所需的图标字符：
<h1>󰀀</h1>
然而，如果我试图以Font Awesome的方式渲染<?>字形，我会看到它：
SASS
i.bicon-biology:before
font-family: "Boundless"
content: "f0000"
HTML
<h1><i class="bicon-biology"></i></h1>
然而字体真棒图标渲染良好的网站。
有人知道是什么原因导致了这个问题吗
我还应该补充一点，我尝试了这里提出的所有建议：@font face没有嵌入到移动Safari(iPhone/iPad)上，但都不起作用。这包括添加笑脸破解，确保我的字体URL是绝对的，并尝试svg字体(无论如何，这对iOS 5来说都不必要)。
Mobile Safari显然不喜欢我使用的utf-8地址(/0f0000-/0f001e)。
我编辑了字体，将字符移动到font Awesome使用的相同位置(/00f000…)，然后，它就工作了！
我还检查了添加/删除0的左侧填充是否有影响，无论哪种方式都有效。只是关于其他地址范围。：\
再次：当代码用于伪元素内容时，这只是的问题。如上所述，󰀀；(和󰀀)直接在HTML中时表现得很好。