font awesome working only on chrome but not on safari

Question

I'm working on build webpage and not sure why font awesome seems to work on google chrome but not iPhone safari. After deploying my webpage and test it on devices, it didn't work safari. How can I solve this issue?

 <link rel="stylesheet" href="https://static.fontawesome.com/css/fontawesome-app.css"> <script src="https://pro.fontawesome.com/releases/v5.6.1/js/all.js"></script> <i class="fas fa-tasks"></i> 

UPDATE: Here is my attempt using the suggestions yet it doesn't work on safari

 i{text-rendering: optimizeLegibility;} 

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.1/css/all.min.css"> <script src="https://pro.fontawesome.com/releases/v5.6.1/js/all.js"></script> <i class="fas fa-tasks"></i> 

Answer 1

Try to add that line into you css for your icon:

text-rendering: optimizeLegibility;