Come fà questo sito a utilizzare font personalizzati?

[strae]

ciao ragazzi, stò uscendo pazzo per capire come ha fatto un sito su cui sono capitato per sbaglio ad utilizzare dei font personalizzati.

Subito pensavo fosse il font src:

@font-face {
    font-family: "Robson Celtic";
    src: url("http://site/fonts/rob-celt")
} 

ma l'ho escluso subito visto che l'effetto è visibile anche con IE6.

Ho provato a spulciare i due css che della pagina, ma niente, non ci salto fuori, unica cosa 'utile' è questo pezzo:

font-family: "felt-tip-roman-1", "felt-tip-roman-2", sans-serif; 

che però, non avendo io quei font installati sul pc, dovrebbe utilizzare il sans-serif, o no?

L'url della pagina è questa: http://wurkit.com/
L'effetto del font è quello dei titoli azzurri, tipo 'Intelligence vs. Caring'


EDIT: l'effetto è visibile con firefox, IE6 (ho provato col 6, non sò gli altri), e safari, invece non funziona con Chrome e opera.

RI-EDIT: il font utilizzato è questo

[Mich_]

Proprio oggi ho visto questo articolo.
Web fonts con i CSS in cinque minuti.

Pero` nel codice da te postato mancherebbero un paio di righe per farlo funzionare

Nota pero` che potrebbe esserci anche un commento condizionale o altro sistema di caricamento di un CSS specifico per ciascun browser (traduzione: controlla che i CSS caricati nei vari browser siano uguali, o vedi dove sono diversi).

[mucu]

@font-face {
font-family: "felt-tip-roman-1";
src: url(data:font/otf;base64,AA...omissis...JUc=);
font-style: normal;
font-variant: normal;
font-weight: 700;
}

un css viene caricato probabilmente da un javascript e contiene fisicamente i font

[strae]

Originariamente inviato da Mich_
Proprio oggi ho visto questo articolo.
Web fonts con i CSS in cinque minuti.

Pero` nel codice da te postato mancherebbero un paio di righe per farlo funzionare

Nota pero` che potrebbe esserci anche un commento condizionale o altro sistema di caricamento di un CSS specifico per ciascun browser (traduzione: controlla che i CSS caricati nei vari browser siano uguali, o vedi dove sono diversi).

L'unico commento dondizionale che c'è nella sorgente della pagina è:

    <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]--> 

I css invece sono questi:
Css principale
Css secondario (resetter, che viene importato nel css principale)

Si, l'articolo che hai postato parla propio del metodo src, che già conoscevo ma non ve ne è traccia su quel sito (a meno che ci sia un css nascosto? ma come si fà a nascondere i css?)

[strae]

Originariamente inviato da mucu

@font-face {
font-family: "felt-tip-roman-1";
src: url(data:font/otf;base64,AA...omissis...JUc=);
font-style: normal;
font-variant: normal;
font-weight: 700;
}

un css viene caricato probabilmente da un javascript e contiene fisicamente i font

Ah, controllando meglio il sorgente della pagina ho trovato questo:

    <script type="text/javascript" src="http://use.typekit.com/lka1lju.js"></script>
    <script type="text/javascript">try{Typekit.load();}catch(e){}</script> 

Typekit.. quindi sembra che sia come dici te

[miki003]

Originariamente inviato da strae
Ah, controllando meglio il sorgente della pagina ho trovato questo:

    <script type="text/javascript" src="http://use.typekit.com/lka1lju.js"></script>
    <script type="text/javascript">try{Typekit.load();}catch(e){}</script> 

Typekit.. quindi sembra che sia come dici te

Mentre voi scrivevate questi post io controllavo appunto gli JS e mi sembra che la soluzione sia proprio quella dei JS

[mucu]

ho evidenziato il suo metodo in quest'esempio
http://www.colonnello.net/nuovo/html...ard/font1.html
dato che non conosco il tipo di licenza per questo font, non lo lascerò a lungo

[strae]

Originariamente inviato da mucu
ho evidenziato il suo metodo in quest'esempio
http://www.colonnello.net/nuovo/html...ard/font1.html
dato che non conosco il tipo di licenza per questo font, non lo lascerò a lungo

sbaglio o gli passi il font bit per bit a mò di variabile javascript?

[fcaldera]

visto che stiamo parlando di javascript sposto nel forum relativo

[mucu]

è come stava scritto nel suo esempio,
adesso ho cercato un paio di font liberi e ho provato in una maniera più "easy"

prova a ricaricare la pagina e raccontami per favore