WebSite X5Help Center

 
Anne V.
Anne V.
User

Non-standard fonts not displaying  en

Автор: Anne V.
Просмотрено 1764, Подписчики 2, Размещенный 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

Размещено
10 Ответы - 2 Полезно
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!

Читать больше
Размещено От Claudio D.
Anne V.
Anne V.
User
Автор

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

Читать больше
Размещено От Anne V.
Anne V.
Anne V.
User
Автор

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

Читать больше
Размещено От Anne V.
 lemonsong  
 lemonsong  
User

I see old @import code, see attachment.

Читать больше
Размещено От  lemonsong  
Anne V.
Anne V.
User
Автор

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

Читать больше
Размещено От 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.

Читать больше
Размещено От  lemonsong  
 lemonsong  
 lemonsong  
User

If this doesn't work yet, you can paste this code into the Advanced Settings - Statistics, SEO and Code - Expert section - Before the closing HEAD tag:

<link href='https://fonts.googleapis.com/css?family=Quattrocento+Sans' rel='stylesheet' type='text/css'>
Читать больше
Размещено От  lemonsong  
Anne V.
Anne V.
User
Автор

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

Thank you so much for all your help,

Anne

Читать больше
Размещено От Anne V.
 lemonsong  
 lemonsong  
User

Not at all.

Thank you too

Читать больше
Размещено От  lemonsong