WebSite X5Help Center

 
Giancarlo B.
Giancarlo B.
User

Google Font  it

Autore: Giancarlo B.
Visite 1038, Followers 1, Condiviso 0  

Salve ragazzi, una chiarimento sull'inerimento dei Google Font.

Faccio un esempio, la famiglia del font RobotoCondensed ha diverse sotto-specie es:
RobotoCondensed-Bold
RobotoCondensed-BoldItalic
RobotoCondensed-Italic
RobotoCondensed-Regular

ad ognuna di queste corrisponde un .ttf
nell'apposita scheda di website io inserisco il percorso del .ttf in locale ed aggiungo
la stringa @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
su ogni font inserito.. questa verrà poi scritta sul css.

Il problema, se così si puo dire, è che poi nel .css mi ritrovo la stessa stringa ripetuta per ogni sottospecie di .ttf

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);

E' corretto ? daltronde vedo la pagina visualizzata bene...

c'è qualche alternativa ?.....

Grazie saluti Giancarlo.

Postato il
2 RISPOSTE - 1 UTILE
 lemonsong  
 lemonsong  
User

In teoria, se aggiungi più file .TTF dovresti cambiare anche il relativo codice @import, come "dice" Google Fonts:

RobotoCondensed-Light.ttf

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300);

RobotoCondensed-LightItalic.ttf

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic);

RobotoCondensed-Regular.ttf

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);

RobotoCondensed-Italic.ttf

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400italic);

RobotoCondensed-Bold.ttf

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:700);

RobotoCondensed-BoldItalic.ttf

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:700italic);

Con WS credo che tu possa tranquillamente aggiungere solo il file RobotoCondensed-Regular.ttf e, per esempio, questo codice @import:

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic);

Leggi di più
Postato il da  lemonsong  
Giancarlo B.
Giancarlo B.
User
Autore

Grazie lemonsong  ... come sempre molto chiaro...

ho visto solo ora sul sito come generare per ogni stile l'import corretto.

Leggi di più
Postato il da Giancarlo B.