Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it L'avatar di Marcolino's
    Registrato dal
    May 2003
    residenza
    Udine
    Messaggi
    3,606

    Strano problema con Font-face

    Ciao ragazzi ho un problema di non semplice soluzione con @font-face.
    Sto realizzando un sito per una intranet usando un font scaricato ma quando lo implemento trovo uno strano comportamento.
    In pratica ecco il pezzo di css che lo implementa:
    codice HTML:
    @font-face {
        font-family: 'Lobster13Regular';
        src: url('Lobster_1.3-webfont.eot');
        src: url('Lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
             url('Lobster_1.3-webfont.woff') format('woff'),
             url('Lobster_1.3-webfont.ttf') format('truetype'),
             url('Lobster_1.3-webfont.svg#Lobster13Regular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'Lobster13Regular';
        src: url('Lobster_1.3-webfont.eot');
        src: url('Lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
             url('Lobster_1.3-webfont.woff') format('woff'),
             url('Lobster_1.3-webfont.ttf') format('truetype'),
             url('Lobster_1.3-webfont.svg#Lobster13Regular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    in pratica devo ripetere due volte la dichiarazione @font-face o non mi funziona; ho pensato a delle minime differenze nelle due dichiarazioni ma niente non vedo differenze di sorta, però, se tolgo la prima il font non si vede, se tolgo la seconda il font non si vede, se le lascio tutte e due il font si vede.
    Francamente non risco a comprendere percheé, mi date una mano?

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    prova a verificare nel css la dichiarazione precedente a quella del font-face, un'errata chiusura e la successiva non viene letta

  3. #3
    Utente di HTML.it L'avatar di Marcolino's
    Registrato dal
    May 2003
    residenza
    Udine
    Messaggi
    3,606
    Quote Originariamente inviata da Prill Visualizza il messaggio
    prova a verificare nel css la dichiarazione precedente a quella del font-face, un'errata chiusura e la successiva non viene letta
    Non c'è nulla prima del @font-face è la prima dichiarazione in assoluto del css quindi non è quello il problema, giuro che sono ammattito poi ho deciso di tenerle così, non sarà etico ma funziona

  4. #4
    Utente di HTML.it L'avatar di Marcolino's
    Registrato dal
    May 2003
    residenza
    Udine
    Messaggi
    3,606
    E siamo sempre la, messo online non funzionano i @font-face creo dipenda dal server. dai percorsi ma non so cosa fare
    C'è una cosa che mi chiedo e a cui non so dare una risposta, ovvero, se metto un'immagine in una sotto cartella del sito, scrivo: background-image: ('../img/immagine.png'); e la trova, percorrendo il path a ritroso di uno e girando verso img/ ma se scrivo @font-face { src: url('css/Lobster_1.3-webfont.eot'); } ( lo so mancano altre impostazioni, ma è tanto per capirsi ) non lo trova in nessun modo, eppure il font si trova esattamente dove stanno i file con i font
    La cosa assurda è che in locale funziona, sul server di produzione no.
    Ora provo un altro approccio, sposto i font in una sotto cartella del sito, un po' come faccio per le immagini e vedo...

  5. #5
    Utente di HTML.it L'avatar di Marcolino's
    Registrato dal
    May 2003
    residenza
    Udine
    Messaggi
    3,606
    Modificato tutto e non funziona ancora
    Ho creato nella root del sito un file css con dentro solo le dichiarazioni di @font-face e l'ho collegata al sito, ma niente in locale funge e sul server non va.
    Questo il link provvisiorio http://test.stilisticamente.biz/pasticceria/

  6. #6
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    nel tuo css la regola @font-face è inserita fra commenti /* ... */ e quindi non viene letta. Per di più, ho verificato il funzionamento del tuo carattere, ma nel kit scaricato, se è lo stesso che hai usato tu, il nome del carettere è minuscolo. Ti invio in privato un link sul quale puoi verificare il funzionamento del font

  7. #7
    Utente di HTML.it L'avatar di Marcolino's
    Registrato dal
    May 2003
    residenza
    Udine
    Messaggi
    3,606
    e' normale dato che ho creato un terzo file con la sola dichiarazione @font-face come ho scritto su.
    Se hai visto il codice c'è una chiamata a fonts.css

  8. #8
    Utente di HTML.it L'avatar di Marcolino's
    Registrato dal
    May 2003
    residenza
    Udine
    Messaggi
    3,606
    Risolto! Era ovviamente una C.....ata, il file si chiama lobster ma io avevo scritto nel CSS Lobster, su Windows non fa differenza ma su Linux sì e quindi il sistema non trovava il file.
    Ora sì, va be capita!

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 © 2025 vBulletin Solutions, Inc. All rights reserved.