Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2008
    Messaggi
    9

    @font-face diverso comportamento su diversi PC

    Ciao a tutti. Ho un problema col selettore @font-face. Ho creato una semplicissima pagina di prova per il funzionamento del suddetto selettore il cui codice CSS è il seguente:

    codice:
    .handscript {
    	font-family: MiamaRegular;
    	font-size:60px;
    }
    .handscript:first {
    	font-family: MiamaRegular;
    	font-size:70px;
            font-sweight: bold;
    }
    
    
    @font-face {
      /* Regular */
      font-family: "MiamaRegular";
      src: url("Miama.ttf") format("truetype");
      font-style:   italic;
      font-variant: normal;
      font-stretch: normal;
    }
    e il relativo codice HTML è il seguente:

    codice:
    <html>
    <head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="stile.css" />
    
    </head>
    <body>
    	<div class="handscript">
    		Questa è una prova di handscripting per Piumalarga.
    	</div>
    </body>
    </html>

    Il problema è che sul PC del mio ufficio (win7, firefox 3.6.9, chrome 7.0.517.41 e IE 8.0.7600) funziona perfettamente, mentre copiando la directory (senza apportare alcuna modifica) sul portatile a casa (che monta Vista e gli stessi browser con le stesse verisoni installate sul PC in ufficio), la paginetta non funziona per niente.

    Come mai secondo voi?

    Ciao e grazie.
    Roberto

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924

    Re: @font-face diverso comportamento su diversi PC

    Originariamente inviato da robmare
    ... mentre copiando la directory (senza apportare alcuna modifica)
    i permessi sui file dei font sono corretti?
    in entrambi i casi accedi alle risorse nello stesso modo? tramite filesystem? o usi un webserver in localhost? quale? è uguale in entrambi gli ambienti?
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2008
    Messaggi
    9
    Grazie mille per la risposta, comunque ho risolto. Ho modificato il CSS in questo modo:

    codice:
    @font-face {
      /* Regular */
      font-family: "MiamaRegular";
      src: url("Miama.ttf"); /* IE */
    }
    
    @font-face {
      /* Regular */
      font-family: "MiamaRegular";
      src: url("Miama.ttf") format("truetype"); 
    }
    e spostando il selettore all'inizio del file CSS.
    Per qualche strano motivo ha funzionato.

    Ciao

  4. #4
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    ma IE funziona con il formato ttf?

  5. #5
    Utente di HTML.it
    Registrato dal
    Nov 2008
    Messaggi
    9
    no ho sbagliato io a copiare il codice. ho utilizzato un EOT

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.