Streaming live at 10am (PST)

Website font displaying ligatures on mobile

For some reason when I check my website on my phone (safari on iOS), the text has some ligatures. I tried adding some custom code to the head tag of the project but it doesn’t seem to have any effect.

What’s a possible solution?

13%20PM


Here is my site Read-Only: LINK

Hi please provide a correct share link and also a link to the live published site.

TIA, Brandon

@WebDev_Brandon The link he shared was missing the semi colon after the http.

I had a look earlier and I was stumped.

https://preview.webflow.com/preview/goldenhourmedia?utm_medium=preview_link&utm_source=designer&utm_content=goldenhourmedia&preview=b4ee9652e4f5b7e503512cd0f7c9cd28&mode=preview

Hi @peej and @JSW,

Here are some other articles related to this Font specifically: Font Problem with Safari on mobile devices

Here is a way to optimize your fonts too: https://stackoverflow.com/questions/31056543/safari-font-rendering-issues

TBH, the second one should probably be applied to all projects using non-supported Web Fonts outside of Google Fonts or Adobe Typekit Fonts.

Hope this helps you both.

Brandon

sorry, I fixed the link!