A fonte é parte integrante do web design, dando ao site um estilo distinto. O texto de alta qualidade da página deve ter uma aparência harmoniosa, combinar-se com os demais elementos do site e, ao mesmo tempo, contribuir para uma melhor percepção da informação. Usando marcação HTML e tabelas em cascata CSS, você pode personalizar quase qualquer configuração para maximizar o desempenho da página.
Necessário
arquivo de fonte no formato TTF
Instruções
Passo 1
Para usar um conjunto de fontes instaladas em seu computador, você pode usar o parâmetro font-family das folhas de estilo em cascata. Para fazer isso, digite o seguinte código para o item desejado:
Texto
Este comando exibirá o cabeçalho h2 de segundo nível na fonte Arial.
Passo 2
Se você quiser usar sua própria fonte, deve primeiro carregá-la na hospedagem e habilitá-la usando o comando apropriado. Os arquivos TTF são incluídos com o seguinte comando:
O atributo font-family neste caso especifica o nome do tipo de letra e src: url (font.ttf) especifica o caminho para o arquivo TTF.
etapa 3
Depois de habilitar o elemento, você pode usá-lo para exibir o texto:
Texto
Este comando é responsável por exibir a fonte da fonte necessária em itálico no cabeçalho do segundo nível. Se o navegador do usuário não suportar o manuseio de arquivos TTF, a fonte do sistema especificada após a primeira vírgula (neste caso, Verdana) será usada.
Passo 4
Alguns navegadores não suportam TTF para download. Por exemplo, o Internet Explorer 8 usa o formato EOT para exibir texto. Para esses navegadores, converta o TTF original usando vários serviços e inclua o tipo de letra resultante no parâmetro @ font-face da mesma maneira.
Etapa 5
Se você deseja importar o arquivo de que precisa de outro recurso, use o comando @import, que deve ser escrito na parte superior do documento CSS:
@import url (https:// font_address)
