Visualizzazione dei risultati da 1 a 9 su 9

Discussione: @font-face

  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2011
    Messaggi
    41

    @font-face

    Ciao a tutti, confido nella vostra conoscenza (che ho notato essere molto affidabile )

    Allora come mai su Chrome non mi funziona il @font-face??
    ho questo pezzetto di codice e ho il font nella cartella "fonts" nella directory principale..

    codice:
              @font-face { 
                               font-family: 'NeouX'; 
                               src: url(/fonts/Neou-Bold.eot);
                               src: local('Neou-Bold'), url('/fonts/Neou-Bold.otf') format ('truetype'); 
                               } 
              .links { 
                       font-family: NeouX,; 
                       font-size:30px;  Verdana, sans-serif;
                       color:#09F; 
                       padding:10px 20px 10px 5px; 
                       text-align:right; 
                       }
    così mi vede solo il Verdana ed il sans-serif (o il serif a seconda di che metto) mentre se tolgo tutto e lascio solo NeouX mi viene il carattere standard del browser.. ho letto di dover abilitare i font su chrome ma nn so come si faccia ho provato a cercare ma non ho trovato nulla..

    Grazie a tutti

  2. #2
    Utente di HTML.it
    Registrato dal
    Oct 2011
    Messaggi
    41
    scusate ma è da spostare in css

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2011
    Messaggi
    41
    nessuno?

  4. #4

  5. #5
    Utente di HTML.it
    Registrato dal
    Oct 2011
    Messaggi
    41
    grazie

  6. #6
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Col tuo codice non funziona neanche in Firefox, elimina lo spazio vuoto prima della parentesi in "format ('truetype')", correggi anche la regola successiva:

    codice:
    .links { 
                       font-family: NeouX, Verdana, sans serif; 
                       font-size:30px;
                       color:#09F; 
                       padding:10px 20px 10px 5px; 
                       text-align:right; 
     }
    in realtà, per una completa compatibilità crossbrowser, converrebbe usare il codice usato su font-squirrel e avere anche altri formati per il font:

    codice:
    @font-face {
        font-family: 'NeouX';
        src: url('Neou-Bold.eot');
        src: url('Neou-Bold.eot?#iefix') format('embedded-opentype'),
             url('Neou-Bold.woff') format('woff'),
             url('Neou-Bold.ttf') format('truetype'),
             url('Neou-Bold.svg#Neou-Bold') format('svg');
    }

  7. #7
    Utente di HTML.it
    Registrato dal
    Oct 2011
    Messaggi
    41
    fatto come hai detto.. ho convertito il font nei 4 tipi e ho cambiato il codice ma ancora nulla..

    avevo letto che chrome bloccava l'uso di fonts alternativi e bisognava abilitarli con un comando. potrebbe essere questo??

  8. #8
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Dopo aver modificato il codice, già il tuo, vedo il font anche con Chrome, sicuro che siano giusti i percorsi? Prova semplicemente in locale copiando i file dei font nella stessa cartella della tua pagina

  9. #9
    Utente di HTML.it
    Registrato dal
    Oct 2011
    Messaggi
    41
    perfetto ora va su explorer, chrome e firefox grazie mille!!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.