immagine avatar

Ciao come puoi notare ho dato una bella rinfrescatina al mio blog!
Attendo un tuo feedback, per suggerimenti e ulteriori proposte di miglioramento, ma anche, sperando che non ci siano, segnalazioni di errori o malfunzionamenti del blog. Buona lettura!

Visualizzare propri font nelle pagine web

di MaiNick | 17 Ott 2008 | CSS | 2 Commenti

Con il rilascio della versione beta di Firefox 3.1 sono state introdotte nuove funzionalità per i CSS.

Una delle regole supportate dalla nuova versione del noto browser permette di specificare un font che l’utente può scaricare per visualizzare la pagina come era nelle intenzioni dello sviluppatore.

@font-face è attualmente supportata su Mac OS X e Windows, ma non in Linux.

Sintassi

@font-face {
  font-family: <a-remote-font-name>;
  src: <uri>;
}

Valori

– specificare un nome di font che verrà utilizzato come font face
– URL della locazione del font file

Esempio

<html>
<head>
  <title>Esempio Web Font</title>
  <style type="text/css" media="screen, print">
    @font-face {
      font-family: "Guilty grunge";
      src: url("http://www.mainickweb.com/esempi/css/GUILTY__.TTF");
    }

    body {
      font-family: "Guilty grunge", serif;
      font-size: 40px;
    }
  </style>
</head>
<body>
  This is Bitstream Vera Serif Bold.
</body>
</html>

Ecco la pagina di esempio con il codice sopra, visualizzabile solo con Firefox 3.1.

Tags: , , ,

2 Commenti

  1. Francesco Gavello ha detto:

    Mi chiedo: sarà un macello di font in stile “comic sans” e simili in giro per tutte le pagine? E quanti permetteranno il download del loro font senza avere la relativa licenza d’uso?

  2. MaiNickWeb ha detto:

    @ Francesco Gavello:
    secondo me questa regola sarà usata solo dai webdesigner nativi, che vedono una pagina web come un pagina di Photoshop o Illustrator.

Trackbacks

Lascia un Commento

^ Torna su