WebSite X5Help Center

 
Giancarlo B.
Giancarlo B.
User

Google Font  it

Autor: Giancarlo B.
Besucht 961, Followers 1, Geteilt 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.

Gepostet am
2 ANTWORTEN - 1 NüTZLICH
 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);

Mehr lesen
Gepostet am von  lemonsong  
Giancarlo B.
Giancarlo B.
User
Autor

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

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

Mehr lesen
Gepostet am von Giancarlo B.