Importare un font e le sue varianti

[LuckySevenRoX]

Salve, mi ritrovo con 3 tipi dello stesso font da importare in un foglio CSS (due di questi sono le varianti 'Light' e 'Semibold')

Trattandosi dello stesso font c'è un modo per evitare di caricare tutti e 3 i CSS oppure vanno per forza effettuati degli import separati?

[Experiment8]

Ciao,

Come stai importando le font? utilizzi i vari formati di files in locale o gli prendi da google fonts o un'altro fornitore?

[LuckySevenRoX]

Ciao, ho vari file ttf (e spesso anche in altri formati) e li importo con @font-face utilizzando un sistema crossbrowser

[Experiment8]

Allora dovresti poter semplicemente incorporare il sorgente di due css nel terzo, e utilizzare solo il terzo per renderizzare le tre font.

[LuckySevenRoX]

cioè? puoi fare un esempio?

[fcaldera]

Originariamente inviato da LuckySevenRoX
Salve, mi ritrovo con 3 tipi dello stesso font da importare in un foglio CSS (due di questi sono le varianti 'Light' e 'Semibold')

Trattandosi dello stesso font c'è un modo per evitare di caricare tutti e 3 i CSS oppure vanno per forza effettuati degli import separati?

devi fare tre embed, uno per ogni variante che poi utilizzerai
forse puoi usarne solo due (il light e il normale) e usare ad es. un font-weight : 500; su quello normale per emulare il semi-bold (ma devi valutare se la resa è accettabile rispetto all'uso del vero font semi-bold)

[Experiment8]

Tu avrai tre css ognuno che richiama un formato di font giusto? mettiamo tu abbia light, regular e bold, ogni css richiamerà i vari formati di file necesari per i browsers (otf, ttf, woff etc..).
ogni css conterra un richiamo @font-face { ... } prendi tutto il codice e spostalo in un altro css a tua scelta, funzionerà comunque, unica accortezza quela che i path di richiamo dei file delle font siano giusti.
scusami ma sto usando un tablet scrauso per risponderti e non riesco a postarti codice, se non ti è chiaro vedrò di risponderti da un pc così da farti un esempio. :-)