Mano Negra: truetype font free elegante

1 min read

Contenuti

@FONT-FACE KIT | DOWNLOAD .OTF

Spettacolare font free davvero particolare, elegante e innovativo disponibile sia in .otf che in pacchetto @font-face kit per poterlo usare senza problemi nei nostri siti internet.

Ecco una breve preview del font:

@FONT-FACE KIT | DOWNLOAD .OTF

Per usare il font-face kit nei css, incolla questo codice:

@font-face {
    font-family: 'WCManoNegraBtaRegular';
    src: url('WCManoNegraBta-webfont.eot');
    src: url('WCManoNegraBta-webfont.eot?#iefix') format('eot'),
         url('WCManoNegraBta-webfont.woff') format('woff'),
         url('WCManoNegraBta-webfont.ttf') format('truetype'),
         url('WCManoNegraBta-webfont.svg#webfontiXRdEnm3') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'WCManoNegraBtaBold';
    src: url('WCManoNegraBoldBta-webfont.eot');
    src: url('WCManoNegraBoldBta-webfont.eot?#iefix') format('eot'),
         url('WCManoNegraBoldBta-webfont.woff') format('woff'),
         url('WCManoNegraBoldBta-webfont.ttf') format('truetype'),
         url('WCManoNegraBoldBta-webfont.svg#webfontWXYPA0iW') format('svg');
    font-weight: normal;
    font-style: normal;

}

Copia ovviamente tutti i file dell’archivio nella root del tuo sito. Richiamalo poi in questo modo (sempre nei css):

h1{font-family:'WCManoNegraBtaBold', Arial, sans-serif;}

A questo punto nell’html ogni tag <h1> avrà questo tipo di font associato! se invece intendi usare il font con PS o altri programmi copia il file singolo .otf in C:Windows:Fonts.

Buon download! fatemi sapere se vi e’ stato utile 😉

Updated on 3 Maggio 2011

0 0 voti

Valutazione dell'articolo

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati derivati dai commenti.

2 Commenti

Vecchi

Più recenti Le più votate

Feedback in linea

Visualizza tutti i commenti

Susa

11 anni fa

Ciao
ho provato a seguire le tue istruzioni, ma il font non funziona.
ho scaricato il pacchetto, ho creato una cartella font, ho inserito tutto il contenuto al suo interno.
nel mio file css, al fondo, ho incollato il codice scritto sopra aggiungendo davanti ad ogni url il nome della cartella.
@font-face {
font-family: ‘WCManoNegraBtaBold’;
src: url(‘font/WCManoNegraBoldBta-webfont.eot’);
src: url(‘font/WCManoNegraBoldBta-webfont.eot?#iefix’) format(‘eot’),
url(‘font/WCManoNegraBoldBta-webfont.woff’) format(‘woff’),
url(‘font/WCManoNegraBoldBta-webfont.ttf’) format(‘truetype’),
url(‘font/WCManoNegraBoldBta-webfont.svg#webfontWXYPA0iW’) format(‘svg’);
font-weight: normal;
font-style: normal;
ma una volta sostituito al vecchio font non succede nulla…
dove sbaglio?

Rispondi

Riccardo Mel

Autore

Rispondi a Susa

11 anni fa

Ecco alcune istruzioni che possono esserti utili:

a) il pacchetto generalo da font squirrel
b) Verifica il percorso alla cartella font sia corretto ( dipende da dove lo metti potrebbe essere anche ../font o addirittura ../../font)
c) Devi collegare il font a una classe o elemento html mettendo la font family
Es. h1{ font-family: “TUONOMEFONT”; }