fonts non standard

[ziobello1976]

il sito è www.optivist.com


la pagina in cui ho tentato (e in un primo momento riuscito) è "CHI SIAMO"


Dopo averla formattata  pubblicata ho verificato il corretto funzionamento su un pc in cui non fosse installata la font non standard
A questo punto sono passato alla formattazione di un'altra pagina ed ha smesso di funzionare

[lemonsong]

Nell'oggetto testo di WS, il font viene "chiamato" Libre Baskerville, quindi nel CSS @font-face devi scriverlo uguale:

font-family: 'Libre Baskerville';

... con lo spazio.

Per una maggiore compatibilità hai bisogno di modificare il codice, come già suggerito da stesil:

Comunque nel codice che avevo postato qui mancavano, come segnalato, gli altri formati del font ....

Questo dovrebbe essere il codice completo:

Codice:

Only registered users can see contents. Please click here to Register or Login.

[ziobello1976]

era proprio colpa dello spazio nel nome della font

[ziobello1976]

Nell'oggetto testo di WS, il font viene "chiamato" Libre Baskerville, quindi nel CSS @font-face devi scriverlo uguale:

font-family: 'Libre Baskerville';

... con lo spazio.

Per una maggiore compatibilità hai bisogno di modificare il codice, come già suggerito da stesil:

Comunque nel codice che avevo postato qui mancavano, come segnalato, gli altri formati del font ....

Questo dovrebbe essere il codice completo:

Codice:

Only registered users can see contents. Please click here to Register or Login.

perchè c'è differenza tra comando src: url e src: local?

[lemonsong]

Qui trovi la risposta:
http://www.html.it/pag/18954/font-personalizzati-con-font-face/

Ti consiglio di apportare quelle modifiche anche se (forse) può sembrare che funzioni con "tutti" i browser.
 

[ziobello1976]

Qui trovi la risposta:
http://www.html.it/pag/18954/font-personalizzati-con-font-face/

Ti consiglio di apportare quelle modifiche anche se (forse) può sembrare che funzioni con "tutti" i browser.

però io dispongo solamente dei file *.ttf

[skeggia]

scusate, ma in questo forum c'è un'altra discussione qui

http://www.unofficialwsx5.com/index.php?topic=649.msg5573#msg5573

che forse ti può aiutare su come usare le font non standard e come ottenere gli altri formati di font che ti occorrono (www.fontsquirrel.com).

P.S. - sul tuo sito non tutte le pagine sono aggiornate con la font che vuoi usare . . .

[ziobello1976]

[size=78%]P.S. - sul tuo sito non tutte le pagine sono aggiornate con la font che vuoi usare . . .[/size]

si si le sto aggiornando piano piano

[ziobello1976]

è possibile estendere questa formattazione anche al blog?

[lemonsong]

si si le sto aggiornando piano piano

Perché, metti il codice in ogni pagina?
Puoi farlo una volta sola... dove metterlo, te lo lascio indovinare 

[ziobello1976]

si si le sto aggiornando piano piano

Perché, metti il codice in ogni pagina?
Puoi farlo una volta sola... dove metterlo, te lo lascio indovinare 

noooo nn le metto in tutte le pagine ma devo cambiare il font nelle pagine esistenti

per il blog proprio nn capisco perchè nn funzioni

[lemonsong]

Quello che non capisco è perché hai fatto tutto 'sto ambaradan quando quel font (Libre Baskerville) è su www.google.com/webfonts

Non ho mai usato www.google.com/webfonts ma credo che sia compatibile con tutti i browser: usa la stessa tecnica  @font-face:

http://fonts.googleapis.com/css?family=Libre+Baskerville


Comunque, l'importante è raggiungere il risultato.

[ziobello1976]

ambaradam?

ma in merito al blog sai darmi indicazioni?

Ciao

[Zambelletti]

Buon giorno, era per me un argomento chiuso, ma mi sono imbattuto in un non funzionamento.


ho scritto il codice in head del sito  :



<style type="text/css">
@font-face{
font-family: 'Segoe UI';
src: url('http://www.pdagrafica.com/files/SEGOEUISL_0.TTF');
}
</style>


ho scelto dal menù a tendina : Segoe UI Semilight
Ho messo nella pagina un oggetto html, allegando tutti i file .TTF


e non mi funziona.


Suppongo che ho sbagliato a scrivere segoe, ma riuscite a darmi un occhio?


LINK


(guardate il menù a fondo pagina e il titolo della pagina in h3)


Grazie anticipatamente.

[lemonsong]

Attualmente mi risulta che hai scelto Segoe UI Semibold e visto che hai inserito h3 in un oggetto HTML cambi font-family pure nel CSS.

Quindi (salvo pasticci):

HEAD

<style type="text/css">
@font-face{
font-family: 'Segoe UI Semibold';
src: url('http://www.pdagrafica.com/files/SEGOEUISL_0.TTF');
}
</style>

CSS

h3
{font-family: Segoe UI Semibold;

bla bla bla

Comunque, per una maggiore compatibilità, ti consiglio di dare un'occhiata qui:
http://www.html.it/pag/18954/font-personalizzati-con-font-face/