Visualizzazione dei risultati da 1 a 2 su 2

Discussione: Problema con @fontface

  1. #1
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080

    Problema con @fontface

    Dunque il grafico mi ha fatto un sito utilizzando il font helvetica neue.
    Mi ha passato ben 51 file .otf che ho installato sul mio pc.

    Ho caricato sul server tutti e i 51 files e per richiamarli ho fatto così:

    codice:
    @font-face {
    font-family: 'HelNormal';
    src: url('font/HelveticaNeueLTStd-Ex.otf') format('embedded-opentype'), url('font/HelveticaNeueLTStd-Ex.otf');
    }
    body {font-family:'HelNormal';}
    Ovviamente non va! ho quindi provato a modificare usando questo esempio:
    http://www.html.it/guide/esempi/csse...pio/index.html

    codice:
            @font-face {
            	font-family: 'HelNormal';
            	src: url('http://www.html.it/guide/esempi/cssessentials/fontface_esempio/goudy_bookletter.eot');
            	src: local('GoudyBookletter'), url('http://www.html.it/guide/esempi/cssessentials/fontface_esempio/goudy_bookletter.ttf') format('truetype');
            }
            
            body {
                font-family: HelNormal;
            }
    Ovviamente anche in questo modo non va e non capisco dove sia l'errore.

  2. #2
    perchè font-face funzioni bene bisogna avere una conversione dei file nei formati supportati da ogni browser
    io con questa sintassi e questi 4 formati mi trovo bene..non funziona solo su android...

    codice:
    font-family: 'nimbus_script_titolo';
        src: url('nimbus_script.eot');
        src: url('nimbus_script.eot?#iefix') format('eot'),
              url('nimbus_script.woff') format('woff'),
              url('nimbus_script.ttf') format('truetype'),
              url('nimbus_script.svg#webfont5DMjqbeH') format('svg');
    naturalmente devi però munirti di tutti i formati


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.