Font of my website looks different when viewed on an Iphone 12

Question

hope you are having a good day/night so far.

I am having a bit of problem with the font on my website .

I am making it using Dreamweaver and the fonts that I used are Barlow and Nunito sans. However, when I view it on my friend's iphone 12, the fonts becomes different and looks like Times New Roman.

This doesn't occur on two of my android phones.

I hope somebody can shed a light as to why this is happening. I am trying to search google but can't find a specific answer. I am a beginner so any advice would be very much appreciated.

Thanks a lot!

Answer 1

This is probably because iPhones don't come with Barlow or Nunito Sans preinstalled . To fix this, you must tell the browser to load the fonts you need using ' @font-face '.