Mano Negra: truetype font free elegante

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:

mano-negra-font-preview@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 😉

  1. 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?

    1. 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”; }

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

Up Next:

Google Panda: le novita' che cambieranno il SEO mondiale

Google Panda: le novita' che cambieranno il SEO mondiale