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

Popular posts from this blog

java - pagination of xlsx file to XSSFworkbook using apache POI -

Unlimited choices in BASH case statement -

apache - How do I stop my index.php being run twice for every user -