Safari rendering some mobile view pages horrible

**SueB** · 29 May 2020, 04:20 PM

Hoping someone can help me...some of the mobile pages in Safari render horrible, fonts huge, running off the page on my iphone, when I check it. Not all pages though. And on chrome and IE they are fine.

Got any solutions?

Sue

I think this was one of them: https://bodaciousbeardies.com/fun-day-beach-days.htm

**Acorn** · 29 May 2020, 06:30 PM

Originally Posted by SueB

Hoping someone can help me...some of the mobile pages in Safari render horrible, fonts huge, running off the page on my iphone, when I check it. Not all pages though. And on chrome and IE they are fine.
Got any solutions?
Sue
I think this was one of them: https://bodaciousbeardies.com/fun-day-beach-days.htm

Sue, that page fails to render in my desktop Safari.

I have checked your sources and you are using eight separate fonts.
My suggestion is cut these down to three.

Google is not Android is not Microsoft is not Apple.
All browsers have native fonts and substitutes that are different so pick three and test them across all you browsers you can find and reject fonts that wibble.

You also have 134 text styles in play as well.

Nice to see the copyright script is behaving.

If you have to revamp, do consider using Image Name for the doggies, better SEO.

Acorn

**gwpriester** · 29 May 2020, 06:52 PM

Looked at a few pages in Safari and Edge on my iPhone and everything looks OK. Is there any specific page that shows what you are describing?

**SueB** · 29 May 2020, 07:43 PM

I don't have a Mac and so I don't have Safari for my desktop.
Do you mean I use 8 fonts in the whole site?
How would I go about and change that? The site is well over 100 pages.

How would I know and or change the text styles? That one is confusing to me more than the fonts. Appreciate the guidance.

And thank you so much about the copyright script...love that it works and makes life so much easier.

What do you mean "Image Name" for the doggies? Where are you speaking of? Would love to know and do better on SEO.

Originally Posted by Acorn

Sue, that page fails to render in my desktop Safari.

I have checked your sources and you are using eight separate fonts.
My suggestion is cut these down to three.

Google is not Android is not Microsoft is not Apple.
All browsers have native fonts and substitutes that are different so pick three and test them across all you browsers you can find and reject fonts that wibble.

You also have 134 text styles in play as well.

Nice to see the copyright script is behaving.

If you have to revamp, do consider using Image Name for the doggies, better SEO.

Acorn

**SueB** · 29 May 2020, 07:45 PM

These pages were funky on the mobile only, on my phone:
https://bodaciousbeardies.com/fun-day-beach-days.htm
https://bodaciousbeardies.com/fun-da...bounce-all.htm
https://bodaciousbeardies.com/dog-sh...os-results.htm
https://bodaciousbeardies.com/fun-day-party.htm
https://bodaciousbeardies.com/puppy-party.htm

Originally Posted by gwpriester

Looked at a few pages in Safari and Edge on my iPhone and everything looks OK. Is there any specific page that shows what you are describing?

**Egg Bramhill** · 29 May 2020, 10:17 PM

Hi Sue,

For quite a while youv'e been able to select an image, then click the Name icon and give it the name of Filename= 'Waterfall'

This meant that Xara retained this unique name for an image instead of renaming it xxx.jpg everytime the website was published.

However this particular way of doing it created problems between variants, increasing or reducing image sizes uncontrolably.

With the release of 17 it's now possible to give an image a meaningful file name and there's no problems regarding variants.

**Acorn** · 29 May 2020, 10:27 PM

@Egg - thank you.

@Sue - it is more difficult for you as you are using Web Designer Premium.

You could probably select a Heading 1, check the font and change to a safer one then force an update of all Heading 1s.
You would then work through all your Styles - I do hope you have been using Styles.

Acorn

**gwpriester** · 29 May 2020, 10:35 PM

Here are three screen shots (easy enough to take with an iPhone). I don't see anything wrong except I would probably have made the type a bit larger.

What am I missing here?

**SueB** · 30 May 2020, 01:54 AM

Originally Posted by gwpriester

Here are three screen shots (easy enough to take with an iPhone). I don't see anything wrong except I would probably have made the type a bit larger.

What am I missing here?

Your screen shots look great and appreciate you letting me know the type could be larger. Super weird that yours is looking so good compared to mine.

FYI, I was able to download Safari, an older version, and it all looks good there too.

What Iphone do you have? I have a 6s with all updates. Thanks so much for taking the screen shots!

**SueB** · 30 May 2020, 01:55 AM

Thanks, Egg. And thanks for the screen shot so I know where to go and change things to add the name. I've had some health issues and not been doing much on the computer and not kept up with all the things I "should" know with this program. Appreciate you all helping out.

Originally Posted by Egg Bramhill

Hi Sue,

For quite a while youv'e been able to select an image, then click the Name icon and give it the name of Filename= 'Waterfall'

This meant that Xara retained this unique name for an image instead of renaming it xxx.jpg everytime the website was published.

However this particular way of doing it created problems between variants, increasing or reducing image sizes uncontrolably.

With the release of 17 it's now possible to give an image a meaningful file name and there's no problems regarding variants.