WebSite X5Help Center

 
Chris D.
Chris D.
User

Safari Browser Font  en

Autore: Chris D.
Visite 4277, Followers 2, Condiviso 0  

Hello.

A site I'm creating is using 'Tahoma' for all fonts on all pages, menus, everything.

Different browsers on my PC and my Android devices show the Tahoma.

But, on Safari (iPhone, iPad), the font displayed is Times New Roman.

Why is that?

I have Evolution V11

Can anyone suggest what I'm doing wrong please?

Thank you.

Postato il
6 RISPOSTE - 1 CORRETTO
Esahc ..
Esahc ..
Moderator

My guess is that Tahoma is not a native font on IOS devices.  I suspect if you used Arial it would display with the generic sans serif font (so similar you probably wouldn't notice), but if you want total control you should perhaps use google fonts.

I use Roboto a lot, and if you like it, check this post:-

https://helpcenter.websitex5.com/post/130718

Leggi di più
Postato il da Esahc ..
Chris D.
Chris D.
User
Autore

One thing I forgot to say is that the header and footer correctly show the Tahoma font on Safari, but the rest of the pages do not.

So, from that, Safari does support the Tahoma font and can display it.

There's got to be something I'm mising with the rest of it, but I've no idea what?

Thanks for any clues.

Leggi di più
Postato il da Chris D.
Esahc ..
Esahc ..
Moderator

Chris

The reason the header & footer look ok is that they have been turned into a graphic (try select and copy text from header :-)

Like I said, change some text to arial and put it online, you should find that the arial text is ok through safari because it is deemed to be a "safe web font"

You may find this link useful

http://web.mit.edu/jmorzins/www/fonts.html

My website is all Roboto - check it on your safari browser.

http://www.esahc.com

Leggi di più
Postato il da Esahc ..
Chris D.
Chris D.
User
Autore

Hi,

Ah ha! I see what you mean about copy/paste for the header/footer.

I don't have an Apple device. I have to get somebody to try it with one.

But, surely, there's a way to make the page contents show a chosen font that isn't a downloaded web font, no?

I just wanted to use regular Tahoma :(

Leggi di più
Postato il da Chris D.
Esahc ..
Esahc ..
Moderator

Sorry Chris - I could not answer earlier because answers wouldn't allow me to log in.

The only way is to use a web safe font (eg arial), as you will see from the link http://web.mit.edu/jmorzins/www/fonts.html Tahoma hasn't been around long enough to be considered a web safe font on all devices and in all browsers.

The short answer is set your webpages to use arial by default and change all existing fonts from Tahoma to Arial, or do like I did, choose a font from google fonts, download the ttf and install it, set website X5 to use this font by default for everything and then add one piece of code into your website header.

Leggi di più
Postato il da Esahc ..
Chris D.
Chris D.
User
Autore

Thanks very much for your help.

I will keep it all as Aerial for now and read up on the link you provided about web fonts.

Thank you ;)

Leggi di più
Postato il da Chris D.