FontAwesome不在手机上显示图标

Question

我在使用FontAwesome的箭头时遇到问题。以下是我如何使用它们：

<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
  <img src="img/pictograms/service2_pic1.png" alt=""><p>Photography</p>
</a>

Ad my .scss：

a {
    &:after {
      //gora
      font-family: FontAwesome;
      content: "\2303";
      color: $color-grey-dark;
      position: absolute;
      right: 15px;
      top: 27px;
      font-size: 48px;
      @media #{$xs-screen} {
        font-size: 30px;
        top: 32px;
      }
    }

    &.collapsed {
      &:after {
        font-family: FontAwesome;
        content: "\2304";
        color: $color-grey-dark;
        position: absolute;
        right: 15px;
        top: -3px;
        font-size: 48px;
        @media #{$xs-screen} {
          font-size: 30px;
          top:13px;
        }
      }
    }

  }

它可以在电脑上运行，但在移动设备上，而不是漂亮的箭头向上/向下我得到这个符号：http://sketchtoy.com/68196005（对于sketchtoy感到遗憾，但它比在这个符号上搜索更快我的电脑：D）