WebSite X5Help Center

 
Chris D.
Chris D.
User

Safari Browser Font  en

Autor: Chris D.
Visitado 4156, Followers 2, Compartido 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.

Publicado en
6 RESPUESTAS - 1 CORRECTO
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

Leer más
Publicado en de Esahc ..
Chris D.
Chris D.
User
Autor

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.

Leer más
Publicado en de 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

Leer más
Publicado en de Esahc ..
Chris D.
Chris D.
User
Autor

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 :(

Leer más
Publicado en de 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.

Leer más
Publicado en de Esahc ..
Chris D.
Chris D.
User
Autor

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 ;)

Leer más
Publicado en de Chris D.