alleggerire font-face

[alex_mac88]

Ragazzi sto utilizzando in un sito un carattere con la regola font-face. MA può essere che il sito rallenta molto con la regola font face?perchè ho provato a sostituire il font è il sito decolla, ma appena metto font-face il primo caricamento è molto lungo.

C'è modo per risolvere il problema?

[MaxSimon]

Puoi caricare i font sullo stesso server dove gira il sito.
Occhio alla compatibilità con IE (vedi qui ).

Ciao.

[glue-labs]

dipiende dai font usati, e se li carichi interneamente al server o esternamente. Come consigliato meglio internamente. Ed inoltre da quanti ne usi e fai caricare.
Usa i kit con tutti i tipi di font-face per sopperire a problemi di compatibilità tra i browser e nella regola font-family metti sempre altri font sempre compatibili qualora dovessero accadere errori di caricamento

[alex_mac88]

Allora:

1. il font è caricato all'interno del server
2. utilizzo solo un font per @font-face

Però sta molto per caricare. Ho fatto dei test:
-senza @font-face il sito carica subito
-con il @font-face è più lento.

E' ovvio che mi riferisco alla prima volta che l'utente vede la pagina web! So che deve scaricare il font il browser. Ma non c'è modo di velocizzare il processo?

[glue-labs]

no, a meno di utilizzare tutte le tecniche di compressione possibili per header html,css, javascript e altro. vedi quanto sono grandi i file dei font e magari cambia tipologia se vedi che il tuo server non ha abbastanza dipsonibilità di banda in uscita.

[MaxSimon]

Non vedo molte soluzioni.
Di quanto è più lento? Con tutti i browser è la stessa cosa?

Hai provato a fare qualche prova portando il sito in locale? o Hai la possibilità di provarlo su altri server?
Se dipendesse dal server potresti cambiare hosting...

[alex_mac88]

Ragazzi non capisco perchè con Firefox, @font-face si vede solo nella directory dov'è il font.
Per farvi capire meglio:
- www.sitoweb.it il //font è qui è su Firefox si vede
- su sottodominio.sitoweb.it //il font non si vede ma il css ha un perscorso assoluto è riside su www.sitoweb.it

@font-face{
font-family:  'myfont';
src:url('../font/myfont.ttf'),
url('../font/myfont.eot'); /* IE */
}

[Mich_]

I riferimenti nel CSS devono essere relativi alla posizione del CSS, non al file HTML

(pero` in IE funziona anche un percorso relativo all'HTML, ma questo e` contrario alle specifiche W3C)

[alex_mac88]

ma quindi se io nei sotto domini metto:

<link rel="stylesheet" type="text/css" href="http://www.dominio.it/css/stile.css" media="screen">

dove all'interno @font-face è scritto cosi:
@font-face{
font-family: 'TitlingGothicFBMediumComp';src: url('../font/TitlingGothicFBMediumComp.ttf'),url('../font/TitlingGothicFBMediumComp.eot');
}

basta che metto la cartella dei font in ogni sottodominio? oppure devo mettere la cartella css in ogni sottodominio?
questo però comporto che se ho 20 sottodominio devo modificare 20 file css

[Mich_]

Non so come devi fare nel caso specifico.
E non so se quello che hai fatto e` corretto: mancano le informazioni sull'albero dei tuoi file per poterlo dire.

In linea di massima NON e` buona cosa duplicare i file: di solito questo comporta che una variazione deve venir fatta molte volte.
Se devi chiamare uno stesso file varie volte da posizioni diverse, vedrei meglio usare path che partono dalla tua root (quelli che iniziano con / )