Шрифт Awesome только отображается на мобильном телефоне

Question

У меня есть шрифт удивительный, все сделано правильно ... я думаю.

на мой IPad и Iphone, я вижу все иконки отображения, но на моем рабочем столе в FF, Chrome и IE, ничего не показывая в сторону коробки, где значки должны отображаться

http://www25.myfantasyleague.com/2015/home/61094?MODULE=MESSAGE14

Любой идеи, что может вызвать это?

Я все файлы загружены и связаны

<link rel='stylesheet' id='fontawesome-css' href='/assets/fonts/fontawesome/font-awesome.css?ver=3.9.3' type='text/css' media='all' /> 

и я отображая в моем HTML, как так

<div class="alignleft"><i class="fa fontawesome-icon fa-refresh circle-no icons" style="font-size:48px;margin-right:24px;color:#1a7bfe;"></i></div> 

Answer 1

У вас есть политический ресурс конфликт Cross-Origin, который вы можете увидеть путем проверки консоли браузера, когда вы заходите на страницу:

Шрифт от начала координат 'http://leaguedraftfantasysports.com' был заблокирован от загрузки Cr Политика распределения ресурсов oss-Origin: заголовок «Access-Control-Allow-Origin» присутствует на запрошенном ресурсе. Происхождение 'http://www25.myfantasyleague.com' поэтому не допускается.

Из-за этого шрифт просто не загружен. Не знаете, почему этого не произошло во время вашего мобильного тестирования.

Как правило, если у вас удивительное поведение на веб-сайте, проверьте консоль.