info font nei css

[SolidSnake4]

Salve a tutti allora volevo sapere come funziona la proprietà font-family, perchè volevo usare un font che ho sul pc ho provato a metterlo solo per un determinato testo, però se faccio salva dal mio spazio web di aruba mi dice impossibile salvare file css, se lo metto direttamente tra i tag font sul mio pc si vede ma quando carico la pagina modificata non me lo fa apparire. Da cosa dipende ? Prima modificavo e salvavo normalmente e adesso mi dice salvataggio non riuscito da aruba

 

[grottafelix]

Salve a tutti allora volevo sapere come funziona la proprietà font-family, perchè volevo usare un font che ho sul pc ho provato a metterlo solo per un determinato testo, però se faccio salva dal mio spazio web di aruba mi dice impossibile salvare file css, se lo metto direttamente tra i tag font sul mio pc si vede ma quando carico la pagina modificata non me lo fa apparire. Da cosa dipende ? Prima modificavo e salvavo normalmente e adesso mi dice salvataggio non riuscito da aruba

argomento affrontato una marea di volte qui sul forum.
occorre inserire il family di un font molto comune, addirittura inserendo delle alternative anch'esso comuni.

arial, verdana, times, geneva per citarne alcuni.
questo perche il browser legge i font contenuti sul server in cui risiedono le tue pagine.

 

[SolidSnake4]

si infatti ho risolto :fonzie:

 

[SolidSnake4]

ma se salvo il carattere che ho scelto sul mio spazio web di aruba poi con i css come faccio per reindirizzare il font-family a quel carattere che ho salvato ?

 

[lukeonweb]

Grottafelix ha deto una cosa inesatta:

questo perche il browser legge i font contenuti sul server in cui risiedono le tue pagine

Lo riscrivo:

questo perche il browser legge i font contenuti sul client che visualizza le pagine

Non puoi "forzare" un client a leggere un font se non ce l'hao installato, puoi solo farlo scaricare chiedendo di installarlo per visualizzare correttamente il sito.

Evita, non è professionale!

 

[SolidSnake4]

e come faccio per far uscire un messaggio che avvisa di installare il font per visualizzare meglio il sito ?

 

[lukeonweb]

<p>Per visualizzare correttamente il sito devi usare il font CiccioCiccioDettoCiccio. Scaricalo, <a href="CiccioCiccioDettoCiccio.zip">clicca qui</a>!!!</p>

 

[onsitus]

Se tutto va bene, questa opzione sara disponibile con le nuove specifiche CSS3 con il modulo Web Font in fase di sviluppo. Al momento solo l'ultima versione di Safari lo supporta - se non mi sbaglio.

 

[lukeonweb]

Molto interessante... hai qualche link di riferimento?

 

[onsitus]

Mi sto ancora studiando il modulo della w3c:
http://www.w3.org/TR/css3-webfonts/

Quando avro fatto qualche prove (ne ho tanti da fare ultimamente su piu argomenti), ti faccio sapere se ancora interessato.

In generale, per tutte le novità in corso riguardo il sviluppo dei css3:
http://www.css3.info/

Tutto in inglese.

 

[lukeonweb]

Perfetto, grazie!

 

[SolidSnake4]

appena si sapete qualcosa di più sui css3 e sul webfont ditelo

 

[onsitus]

Vabbe ho capito, il mio prossimo articolo sara sui web font. Se arrivo a farne uscire qualche cosa.

Vi faro sapere lunedi prossimo.

 

[onsitus]

Proprietà @font-face
Attualmente supportata solo da Safari 3.1

In breve si crea una regola css per creare una nuova famiglia di font specificando un url al font.
Esempio:

@font-face{
font-family: 'myFont';
src: url('/myFont.ttf');
}

Questa famiglia di font è poi disponibile da applicare a qualunque elemento desiderato:
Esempio:

p{
font-family: 'myFont';
}

Pagina di prova: CSS3 @font-face prove

 

[SolidSnake4]

grazie mille quindi per adesso solo su safari, ma quando sarà interpretato anche dagli altri ?

 

[onsitus]

grazie mille quindi per adesso solo su safari, ma quando sarà interpretato anche dagli altri ?

Da quanto ho potuto leggere in giro, parlano per la versione FF3 (fine del'anno). Riguardo IE...vabbe, quello è un caso a parte, fanno come ci pare.

Seriamente...IE gia supportava il font-face da un bel po (da IE4 se mi ricordo bene) ma solo per font creata della casa Microsoft con estensione .eot (valide solo per ie).

Una volta che Firefox inizia, si potrebbe prendere in considerazione di specificare piu famiglie di font simile per la loro grafica e di piu tipi di estensione differente. Se IE non legge un font .ttf, viene cambiato per un font .eot e viceversa per gli altri browser. Boh....solo un idea mia.