WebSite X5Help Center

 
Anne V.
Anne V.
User

Non-standard fonts not displaying  en

Auteur : Anne V.
Visité 1767, Followers 2, Partagé 0  

I am using two non-standard Google fonts: Metamorphous for headings and Quattrocento Sans for text.

I have added both to the list of web fonts under Preferences, with TTF files for offline display and
@import url(http://fonts.googleapis.com/css?family=Metamorphous);
@import url(http://fonts.googleapis.com/css?family=Quattrocento);

On my screen both fonts display correctly. On other devices only Metamorphous (headings) displays correctly and Quattrocento Sans (text) is rendered as Times New Roman.

Can anyone help me to correct this, please?

Many thanks.

Anne Vaudin

Posté le
10 RéPONSES - 2 UTILE
Incomedia
Claudio D.
Incomedia

Hello Anne,

I tested both fonts on a new project and these were displayed correctly. Can you please write me the link to the website and also tell me on which devices and browsers it was not rendered correctly?

Many thanks!

Lire plus
Posté le de Claudio D.
Anne V.
Anne V.
User
Auteur

Thanks, Claudio:  http://www.iwhealthgroup.co.uk/home.html

The text shows as Times New Roman on iPads so I thought it was just an iPad incompatability problem and didn't bother about it at first, but my husband has just bought a new PC and he sees it as TNR on that with IE.

Anne

Lire plus
Posté le de Anne V.
Anne V.
Anne V.
User
Auteur

Thanks for the suggestion, lemonsong. I've amended the code and uploaded to the server, but still have TNR showing on other devices.

Lire plus
Posté le de Anne V.
 lemonsong  
 lemonsong  
User

I see old @import code, see attachment.

Lire plus
Posté le de  lemonsong  
Anne V.
Anne V.
User
Auteur

What can I do to make the amended code apply, please? I've now tried uploading all the files to the server and refreshed my screen, but still my iPad shows all the text in Times New Roman.

I've attached a screenshot showing the @import code.

Anne

Lire plus
Posté le de Anne V.
 lemonsong  
 lemonsong  
User

You can try add or modify a Text Object and keep hold Ctrl key when opening the preview.
Then upload all files to the server.

I'm sorry for my bad English.

Lire plus
Posté le de  lemonsong  
Anne V.
Anne V.
User
Auteur

Yee-hah! Your first suggestion worked, lemonsong- and your English is perfect!

Thank you so much for all your help,

Anne

Lire plus
Posté le de Anne V.
 lemonsong  
 lemonsong  
User

Not at all.

Thank you too

Lire plus
Posté le de  lemonsong