Como Usar o @Font-Face

Como usar o @Font-Face, que é uma propriedade das fontes no Html.

A tag @font-face destina-se a especificar um tipo de fonte em uma página, site ou blog.

Lembre-se que você deve fornecer uma lista de fontes terminando com uma fonte genérica para exibir seus textos. Por exemplo:

font-family: "Lucida Grande", "Lucida Sans", Verdana, Sans-Serif;
}

Por exempo, queremos usar a fonte "RegencyScriptFLF Regular" no CSS. Observe as regras CSS a seguir ::

@font-face {
font-family: "RegencyScriptFLF Regular";
src: url("http://site/fontes/RegencyScriptFLF-Regular.ttf");
}

Como vocês podem ver, nós sempre colocamos no nome da fonte, e embaixo você vai ter que sempre colocar a Url da fonte, como mostra acima. Não é complicado, viram ?

Então sempre que for usar o @Font-Face, você irá usar esse formato, substituindo as partes em negrito:

@font-face {
font-family: "NOME DA FONTE";
src: url("URL DA FONTE");
}