Browser not showing correct fonts

Please post all questions and comments regarding Help & Manual 7 here.

Moderators: Alexander Halser, Tim Green

Post Reply
will bullard
Posts: 2
Joined: Sat Mar 12, 2016 1:48 pm

Browser not showing correct fonts

Unread post by will bullard »

We are using an Open Sans Light font for our web manual. The font is installed on the server and the web manual looks correct when it is seen on a browser on the server. However, when the website is viewed from any other computer the font is a serif font. Here is our website. https://userguide.thesmartdesigner.com/ ... arted.html

The same font appears correctly when viewed from another site: https://help.celum.com/mpm/en/topic.htm ... tarted.htm

What do I need to do on my server or H&P project file that the other site is doing correctly?

Thanks,
Will
User avatar
Tim Green
Site Admin
Posts: 23155
Joined: Mon Jun 24, 2002 9:11 am
Location: Bruehl, Germany
Contact:

Re: Browser not showing correct fonts

Unread post by Tim Green »

Hi Will,

The problem here is that you are using a web font without a web font reference. It isn't enough to just refer a font by name with web fonts. Your page also has to tell both the browser and server that it's a web font. Otherwise they will look for it in its own (very limited) list of standard fonts and since they won't find it there the browser then just displays its standard font.

In addition to this you are referencing ONLY Open Sans, with no fallback fonts, which literally forces the browser to use its default font. So to begin with, your font reference should be something like

Code: Select all

font-face: "Open Sans", "Lucida Grande", Lucida, Arial, Helvetica, Sans-Serif;
Then you will never get a font that looks completely off.

Then see this tutorial to learn what you need to add to your HTML page template in your skin to make the Google fonts work on your page:

https://medium.freecodecamp.org/how-to- ... ad48f1adfa
Regards,
Tim (EC Software Documentation & User Support)

Private support:
Please do not email or PM me with private support requests -- post to the forum directly.
Post Reply