Problem with font in different web browsers

02 Sep 2015, 11:00

#1

New Zenner

Join Date:: Aug 2013
Posts:: 72
Plugin Contributions:: 0

Problem with font in different web browsers

Hi,

I have the problem with appearance of some specific letters that I am using in my template. All letters (standard and specific) appear in Google Chrome as the correct font.
But the problem is in other web browsers (Edge / Explorer and Mozilla Firefox). The specific letters appear as a different font in comparison to other letters that appear correctly.

I found on my web server the fonts uploaded on this location: includes/template/MY_TEMPLATE/css/font-awesome
On this location there are two folders:
css - contains the file font-awesome.css
fonts - contains the uploaded fonts with ttf, otf,... extensions

How I can "force" other web browsers to show my web content in the same way as Google Chrome?

Many thanks!

02 Sep 2015, 12:59

#2

laki

New Zenner

Join Date:: Aug 2013
Posts:: 72
Plugin Contributions:: 0

Re: Problem with font in different web browsers

In addition to my first post.

My site is using utf-8 as explained here:
https://www.zen-cart.com/content.php?313-should-i-convert-my-store-from-iso-8859-1-to-utf8

02 Sep 2015, 14:30

#3

laki

New Zenner

Join Date:: Aug 2013
Posts:: 72
Plugin Contributions:: 0

Re: Problem with font in different web browsers

Here are more information (I'm investigating this issue in the meantime an that's why I didn't put all of this info to the initial message).

I found in html_header.php file next font definition:
<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' />

I didn't found Oswald and PT Sans fonts in my font folder: includes/template/MY_TEMPLATE/css/font-awesome

I uploaded these fonts to this location and then add this to the html_header.php file:
<link href='..css/font-awesome/fonts/Oswald-Regular.ttf' rel='stylesheet' type='text/css' />
<link href='..css/font-awesome/fonts/PTC55F.ttf' rel='stylesheet' type='text/css' />

Doing this I tried to load the fonts from my web server, not as Google fonts, but it doesn't solve my issue.

Still need help.

Many thanks!

02 Sep 2015, 19:20

#4

kobra

Black Belt

Join Date:: Aug 2005
Posts:: 31,500
Plugin Contributions:: 4

Re: Problem with font in different web browsers

Fonts displayed are NOT what you have loaded in your template or anywhere else

They are dependent upon what fonts the browser has available to it locally

If you Must have a specific font face represented to all viewers - make it an image

03 Sep 2015, 07:38

#5

laki

New Zenner

Join Date:: Aug 2013
Posts:: 72
Plugin Contributions:: 0

Re: Problem with font in different web browsers

kobra:
If you Must have a specific font face represented to all viewers - make it an image

Sorry I didn't understand this well. Also If fonts displayed are not what I have loaded why there is already the path to google font defined in html.header.php?

04 Sep 2015, 03:15

#6

kobra

Black Belt

Join Date:: Aug 2005
Posts:: 31,500
Plugin Contributions:: 4

Re: Problem with font in different web browsers

why there is already the path to google font defined in html.header.php?

Must have been added by you or a module you have added as it is not in a fresh fileset