Usando fonts externas

Temos um exemplo de um estilo CSS onde ele verifica se tem a font,
caso não haja ele busca na url passada. Também estilizo e aplico paragrafo no
arquivo HTLM que disponho para download.

<style media="screen" type="text/css">
@font-face {
    font-family: beautiful;
   
/* <!--para que o teste funcione teste uma font que voê não tem instalada mas
    lembre-se de coloca-la na mesma pasta informada no caminho scr informado,
    no nosso casso ambos na mesma pasta.-->*/

    src: url('Beautiful-ES.ttf');
}
       
p {
    margin:50px auto;
    width:700px;
    text-align:center;
    font:80px/50px beautiful, Arial, Tahoma, Sans-serif;
}
       
p small {font-size:13px; font-family:verdana;}
</style>

Baixe os arquivos