WebSite X5Help Center

 
Anne V.
Anne V.
User

Non-standard fonts not displaying  en

Author: Anne V.
Visited 1626, Followers 2, Shared 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

Posted on the
10 ANSWERS - 2 USEFUL
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!

Read more
Posted on the from Claudio D.
Anne V.
Anne V.
User
Author

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

Read more
Posted on the from Anne V.
Anne V.
Anne V.
User
Author

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

Read more
Posted on the from Anne V.
 lemonsong  
 lemonsong  
User

I see old @import code, see attachment.

Read more
Posted on the from  lemonsong  
Anne V.
Anne V.
User
Author

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

Read more
Posted on the from 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.

Read more
Posted on the from  lemonsong  
Anne V.
Anne V.
User
Author

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

Thank you so much for all your help,

Anne

Read more
Posted on the from Anne V.
 lemonsong  
 lemonsong  
User

Not at all.

Thank you too

Read more
Posted on the from  lemonsong