Visualizzazione risultati 1 fino 11 di 11

Discussione: [css] Problema con @font-face

  1. #1
    Guest

    Predefinito [css] Problema con @font-face

    Ciao a tutti, sto usando la proprietà di CSS3 @font-face... ma ho qualche problema:

    - Nel primo, il font è definito da CSS, chiamato xHaettenschweiler (per prova!).
    - Nel secondo, il font è quello installato su Windows, non presente nel CSS quindi in locale... (Haettenschweiler).

    Il file, è sempre lo stesso. L'ho copiato dalla cartella Fonts di Windows.
    Questo, invece, è il codice:
    Codice PHP:
    @font-face { font-family: "xHaettenschweiler"; src: url("../altro/Haettenschweiler.ttf"); }
    h1 { font: normal 20px "xHaettenschweiler"; }
    Come mai c'è questo problema? E' la prima volta che mi trovo davanti a questo inconveniente. Spero che sappiate aiutarmi... Grazie mille!

  2. #2
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    A me sembra le versione in grassetto di quel font, forse hai copiato il file sbagliato.

  3. #3
    Guest

    Predefinito

    L'ho riscaricato... niente da fare!
    Suggerimenti?

  4. #4
    L'avatar di dreadnaut
    dreadnaut non è connesso Super Moderatore
    Data registrazione
    22-02-2004
    Messaggi
    6,306

    Predefinito

    Pagina di esempio online? Può essere che non ti prenda il font-weight: normal per qualche motivo.

  5. #5
    Guest

    Predefinito

    http://sim.altervista.org/prova.html :wink
    Come si visualizza nel vostro browser? Io uso Firefox 4.0

  6. #6
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    Sembra essere un bug di Firefox, con Chrome e Opera visualizzo la versione normale.

  7. #7
    Guest

    Predefinito

    E quindi? Soluzioni?

  8. #8
    L'avatar di dreadnaut
    dreadnaut non è connesso Super Moderatore
    Data registrazione
    22-02-2004
    Messaggi
    6,306

    Predefinito

    Quel css mi pare un poco impreciso e smangiucchiato. Fai passare il font di qua, e vedi cosa ottieni con il css che ti produce. Lo uso in giro nel mio sito e non ho notato problemi di bold/non-bold.

    http://www.fontsquirrel.com/fontface/generator

  9. #9
    Guest

    Predefinito

    Niente da fare!
    Ho copiato i file nella cartella in locale, modificato il css aggiungendo:
    Codice PHP:
    @font-face {
    font-family: 'HaettenschweilerRegular';
    src: url('haettenschweiler-webfont.eot');
    src: url('haettenschweiler-webfont.eot?iefix') format('eot'),
    url('haettenschweiler-webfont.woff') format('woff'),
    url('haettenschweiler-webfont.ttf') format('truetype'),
    url('haettenschweiler-webfont.svg#webfont1Fv0nKF7') format('svg');
    font-weight: normal;
    font-style: normal;

    }

    /* e modificato anche h1 */
    h1 { font: normal 20px "HaettenschweilerRegular"; }
    Ma non è cambiato niente! Che codice hai usato tu??
    Grazie mille a tutti!

  10. #10
    L'avatar di dreadnaut
    dreadnaut non è connesso Super Moderatore
    Data registrazione
    22-02-2004
    Messaggi
    6,306

    Predefinito

    Ho un import in alto nel nel css principale che richiama lo spezzone font-face scaricato da fontsquirrel.

    Online vedo ancora la tua versione vecchia, che da me si comporta così, direi bold.



    Firefox (via dominspector) lo marca correttamente come normal, quindi direi che quello funziona. Può essere il font in qualche modo "strano", vedi se ne trovi una versione diversa altrove.

  11. #11
    Guest

    Predefinito

    Difatti il problema persiste, poiché non è bold, ma normal (vedi screenshot!)
    Ho letto che potrebbe essere un problema di font-smooth, che Firefox non ha ancora risolto... o meglio è possibile ma in parte settando un'opzione nel proprio browser.
    Credo sia Rendering testo None... una cosa del genere
    Grazie mille comunque, troverò una soluzione alternativa!

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •