Quando CREAS páginas da Web, Você pode escolher entre um número de fontes para aplicar o textos do mesmo. Mas, e se quisermos que nosso site tenha uma fonte em Especial?
Nada mau, a primeira coisa é Achar os arquivos de fonte que você deseja usar. Para fazer isso, com um simples Pesquisa por Internet Você vai encontrar milhares Eles prontos para download. Neste caso, Nós usaremos o formato Fontes TrueType, para fazer isso, a fonte que você desceu deve ter a extensão. TTF.
Depois de ter, para adicionar esta fonte para sua página da web, tão simples quanto adicionando as seguintes linhas para sua folha de estilos.
1 2 3 4 5 6 | @font-face { font-family: 'NombreFuente'; src: url('../fonts/fuenteDescargada.ttf') format("truetype"); font-weight: normal; font-style: normal; } |
Neste código, NombreFuente Especifica o nome que você deseja dar a essa nova fonte; e no terceira linha código, no atributo src Você deve indicar o caminho, dentro do site da web que você está criando, Onde você tem salvou a fonte baixada.
Uma vez adicionado esse código para seu folha de estilo, ou diretamente para a página usando HTML, Basta usar esta fonte de novo como você normalmente faria qualquer outro, ou seja, atribuindo, para o atributo família de fontes o estilo do elemento que você deseja, o valor que você tem dados no código acima.
1 | <p style="font-family: 'NombreFuente';">Mi texto</p> |
Vamos então mostrar-lhe alguns exemplos:
- Exemplo de 1 utilização de fonte personalizado
- Exemplo de 2 utilização de fonte personalizado
Você consegue fazer o seu site fica melhor usando qualquer fonte você quer e não só isso, Por padrão, permitir vários navegadores.
