2017-12-10 9 views
0

モバイルデバイスでアイコン(Twitter Square、Facebook Squareなど)を表示するときに問題が発生したため、新しいFont Awesome 5にアップグレードしました。アップグレードすることで、私は問題を解決することを望んだが、それはしなかった。Font Awesome:モバイル(iPhone iOS)の一部のアイコンが表示されない

私は5にアップグレードしましたが、何が問題かを知るためにたくさん試しました。 JSBin上でさえ、アイコンは自分のコンピュータに表示されますが、私のモバイルデバイスには表示されません。 iOS 11.2を実行しているiPhoneがあります。

これはJSBinのリンクで、問題を再現してテストしました。

<html> 
    <head> 
     <title>Font Awesome Test</title> 
     <link href="https://use.fontawesome.com/releases/v5.0.1/css/all.css" rel="stylesheet"> 
    </head> 
    <body> 
     <p>This is the icon: </p> 
     <a href=''><i class="fab fa-twitter-square fa-3x"></i></a> 
    </body> 
</html> 

誰も:私は、これはjsbinからのコードです

https://jsbin.com/zeruxafimi/edit?html,output

...私は多くのダウン、私は推測し、さらにそれを狭めることができないなどの問題がフォント恐ろしいソース内にあると思いますフォントAwesomeとfamiliairとこれを解決する方法を知っていますか? 注:すべてのアイコンが機能していないわけではありません。たとえば、封筒の四角形のアイコンが正常に動作します。

<i class="fas fa-envelope-square fa-3x"></i> 

ありがとうございます。

編集:自分のサーバーにアイコンをダウンロードして直接リンクして、問題が解決したかどうかを確認しようとしましたが、残念ながらそうではありません。

答えて

0

私は解決策を自分で見つけました。

調査の結果、問題は自分のiPhoneでのみ発生していることがわかりました。類似のOSを持つ他の電話機には問題はなかった。そのため、問題は私のデバイスにある必要がありました。いくつかの考えの後、私はPurifyをSafari内のAdブロックとして自分の電話機で使用したことを思い出しました。これは、削除された/私のデバイスに表示されて停止したTwitterアイコンが表示されない原因となりました。 Purifyを無効にすると、アイコンがデバイスに表示され、問題は解決されます。

関連する問題