javascript - Font Awesome only displaying on mobile -
this question has answer here:
i have font awesome installed , did right....i think.
on ipad , iphone, see icons displaying , on desktop in ff , chrome , ie , nothing showing aside of box icons should display
http://www25.myfantasyleague.com/2015/home/61094?module=message14
any ideas might cause ?
i have files loaded , linked
<link rel='stylesheet' id='fontawesome-css' href='/assets/fonts/fontawesome/font-awesome.css?ver=3.9.3' type='text/css' media='all' /> and displaying in html so
<div class="alignleft"><i class="fa fontawesome-icon fa-refresh circle-no icons" style="font-size:48px;margin-right:24px;color:#1a7bfe;"></i></div>
you have cross-origin resource policy conflict, can see checking browsers console when visit page:
font origin 'http://leaguedraftfantasysports.com' has been blocked loading cross-origin resource sharing policy: no 'access-control-allow-origin' header present on requested resource. origin 'http://www25.myfantasyleague.com' therefore not allowed access.
because of font not loaded. not sure why didn't happen during mobile testing.
as general rule, if you're having surprising behaviour on website, check console.
Comments
Post a Comment