Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2003
    Messaggi
    708

    @font-face due o più font

    Ciao

    è possibile inserire nella regola @font-face 2 o più caratteri?

    Io ho provato così ma non funziona:

    codice:
    @font-face {
        font-family: 'ArmWrestlerBold';
        src: url('ArmWrestler-webfont.eot');
        src: url('ArmWrestler-webfont.eot?#iefix') format('embedded-opentype'),
             url('ArmWrestler-webfont.woff') format('woff'),
             url('ArmWrestler-webfont.ttf') format('truetype'),
             url('ArmWrestler-webfont.svg#ArmWrestlerBold') format('svg');
        font-weight: normal;
        font-style: normal;
    	
        font-family: 'AndikaBasicRegular';
        src: url('/font/AndBasR-webfont.eot');
        src: url('/font/AndBasR-webfont.eot?#iefix') format('embedded-opentype'),
             url('/font/AndBasR-webfont.woff') format('woff'),
             url('/font/AndBasR-webfont.ttf') format('truetype'),
             url('/font/AndBasR-webfont.svg#AndikaBasicRegular') format('svg');
        font-weight: normal;
        font-style: normal;
    	
        font-family: 'BebasRegular';
        src: url('bebas___-webfont.eot');
        src: url('bebas___-webfont.eot?#iefix') format('embedded-opentype'),
             url('bebas___-webfont.woff') format('woff'),
             url('bebas___-webfont.ttf') format('truetype'),
             url('bebas___-webfont.svg#BebasRegular') format('svg');
        font-weight: normal;
        font-style: normal;}
    Pier

  2. #2
    Utente di HTML.it
    Registrato dal
    May 2003
    Messaggi
    708
    allora ho risolto e mi sono tolto i vari dubbi!

    Per quando rigurda la stesura del codice ho sbagliato il percorso di 2 font non omettendo:

    /font/

    Cmq per vedere 3 font diversi (non di sistema) nelle proprie pagine il codice è questo:

    codice:
    @font-face {
        font-family: 'ArmWrestlerBold';
        src: url('/font/ArmWrestler-webfont.eot');
        src: url('/font/ArmWrestler-webfont.eot?#iefix') format('embedded-opentype'),
             url('/font/ArmWrestler-webfont.woff') format('woff'),
             url('/font/ArmWrestler-webfont.ttf') format('truetype'),
             url('/font/ArmWrestler-webfont.svg#ArmWrestlerBold') format('svg');
        font-weight: normal;
        font-style: normal;}
    	
    @font-face {
        font-family: 'AndikaBasicRegular'; 
        src: url('/font/AndBasR-webfont.eot');
        src: url('/font/AndBasR-webfont.eot?#iefix') format('embedded-opentype'),
             url('/font/AndBasR-webfont.woff') format('woff'),
             url('/font/AndBasR-webfont.ttf') format('truetype'),
             url('/font/AndBasR-webfont.svg#AndikaBasicRegular') format('svg');
        font-weight: normal;
        font-style: normal;}
    
    @font-face {	
        font-family: 'BebasRegular';
        src: url('/font/bebas___-webfont.eot');
        src: url('/font/bebas___-webfont.eot?#iefix') format('embedded-opentype'),
             url('/font/bebas___-webfont.woff') format('woff'),
             url('/font/bebas___-webfont.ttf') format('truetype'),
             url('/font/bebas___-webfont.svg#BebasRegular') format('svg');
        font-weight: normal;
        font-style: normal;}
    Pier

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.