Safari Browser Font
Autor: Chris D.
Visitado 4278,
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
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
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.
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
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 :(
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.
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 ;)