Visualizzazione dei risultati da 1 a 4 su 4

Discussione: @font face

  1. #1

    @font face

    Salve a Tutti e grazie a coloro che vorranno aiutarmi.

    Devo inserire nella mia Home una scritta in corsivo,( AVevo scelto Edwardian Script Itc ) ma in alcune macchine non si vede e trasformala scritta in vivaldi o altre che però hanno una lunghezza (ampiezza diversa) e quindi la scritta "straripa" rovinando Tutto. Io ho pensato a due possibili soluzioni:
    - usare un web -font che però non riesco ad inserire (preferirei questa soluzione se solo iuscissi ad applicarla)
    - oppure inserire qualcosa che ridimensioni l'ampiezza della scritta


    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta content="text/html;charset=ISO-8859-1"
    http-equiv="Content-Type">
    <meta http-equiv="X-UA-Compatible" content="IE=7">

    <meta http-equiv="X-UA-Compatible" content="IE=8">

    <meta http-equiv="X-UA-Compatible" content="IE=9">
    <title></title>

    <style type="text/css">

    @font-face {
    font-family: 'ArmWrestler Bold';
    src: url('ArmWrestler.eot');
    src: local('ArmWrestler Bold'), url('ArmWrestler.ttf') format('truetype');
    }


    .input { border-style: none;
    font-family: 'ArmWrestler Bold', Edwardian Script ITC, Vivaldi, Arial,sans-serif;
    font-size: 1.4em;
    color : rgb(225, 0, 0);
    position: relative; left: 230px;
    }
    </style>
    </head>



    cosa sbaglio?
    ArmWrestler Bold non è il font che voglio utilizzare ma è l'esempio che viene riportato sulla guida di css e ho lasciato questo per vedere se funzionava ma... non funziona

    Perfavore..aiutatemi

  2. #2
    Io avrei bisogno di qualcosa

    @font-face {
    font-family: "IndubitablyRegular";
    src: url("/font/INDUBITA-webfont.eot");
    src: url("/font/INDUBITA-webfont.eot?#iefix") format("embedded-opentype"),
    url("/font/INDUBITA-webfont.woff") format("woff"),
    url("/font/INDUBITA-webfont.ttf") format("truetype"),
    url("/font/INDUBITA-webfont.svg#IndubitablyRegular") format("svg");
    src: local("IndubitablyRegular"),
    url("/font/INDUBITA-webfont.ttf") format("truetype");
    }

    .myfont {
    font-family:IndubitablyRegular, serif; }

    Rispetto al precedente codice abbiamo aggiunto una dichiarazione che scarica ogni diverso tipo di font in modo da renderlo fruibile da tutti i browser

  3. #3
    Salve a Tutti e grazie a coloro che vorranno aiutarmi.

    Devo inserire nella mia Home una scritta in corsivo,( AVevo scelto Edwardian Script Itc ) ma in alcune macchine non si vede e trasformala scritta in vivaldi o altre che però hanno una lunghezza (ampiezza diversa) e quindi la scritta "straripa" rovinando Tutto. Io ho pensato a due possibili soluzioni:
    - usare un web -font che però non riesco ad inserire (preferirei questa soluzione se solo iuscissi ad applicarla)
    - oppure inserire qualcosa che ridimensioni l'ampiezza della scritta


    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta content="text/html;charset=ISO-8859-1"
    http-equiv="Content-Type">
    <meta http-equiv="X-UA-Compatible" content="IE=7">

    <meta http-equiv="X-UA-Compatible" content="IE=8">

    <meta http-equiv="X-UA-Compatible" content="IE=9">
    <title></title>

    <style type="text/css">

    @font-face {
    font-family: 'MutluOrnamental';
    src: url('Mutlu__Ornamental-webfont.eot');
    src: url('Mutlu__Ornamental-webfont.eot?#iefix') format('embedded-opentype'),
    url('Mutlu__Ornamental-webfont.woff') format('woff'),
    url('Mutlu__Ornamental-webfont.ttf') format('truetype'),
    url('Mutlu__Ornamental-webfont.svg#MutluOrnamental') format('svg');
    font-weight: normal;
    font-style: normal;
    }


    .input { border-style: none;
    font-family: 'MutluOrnamental', Edwardian Script ITC, Vivaldi, Arial,sans-serif;
    font-size: 1.4em;
    color : rgb(225, 0, 0);
    position: relative; left: 230px;
    }
    </style>
    </head>

  4. #4
    cosa Sbaglio?

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.