Vamos começar com esta lição, analisando as fontes, parte fundamental do conteúdo de uma página web. Vamos ver como escolher a fonte certa e configurá-la para o texto contido na nossa página web.
Antes de analisar profundamente este assunto, é importante saber que, mesmo que você tenha fontes muito bonitas e decorativas disponíveis, é melhor não usá-las porque, os usuários que visitarem seu site, se não tiverem esse tipo de fonte na pasta de fontes do Windows, nunca a visualizarão, e o resultado será a visualização de um simples Times News Roman.
Dito isso, resumo brevemente que as fontes a serem usadas para suas páginas web devem estar entre os seguintes tipos: -Verdana -Georgia -Arial -Sans-serif -Trebuchet MS -Courier -Times New Roman – Helvetica tendo em mente que a principal característica da fonte deve ser a “legibilidade”.
Para nossa página index.html utilizaremos a fonte Verdana pois é muito legível e ao mesmo tempo agradável. Definimos como fonte principal para nossa página web o “Verdana” usando a nova tag font face.
Aqui está, então, a nova tag em ação: Também a tag font face usa a tag de fechamento.
Vamos então inserir nossa primeira linha de texto em nossa página web: Aqui está meu primeiro texto Para que o texto digitado esteja em Verdana, ele deve necessariamente ser escrito entre as tags e .
Mas se um usuário não tiver a fonte Verdana instalada no seu PC…o que fazer? Boa pergunta! Para tudo há uma solução… insira vários tipos de fonte na tag!
"verdana,arial,helvetica,courier">
Aqui está meu primeiro texto
Claramente, a primeira fonte é Verdana, mas se o usuário não a visualizar, verá o texto escrito em Arial…e assim por diante! Vamos brincar?
Vamos usar todos os tipos para ver o efeito que fazem em nossa página. Veja como fazer:
Aqui está meu primeiro texto Aqui está meu primeiro texto Aqui está meu primeiro texto Aqui está meu primeiro texto Aqui está meu primeiro texto Aqui está meu primeiro texto
Bem… era apenas uma maneira de explicar melhor como escrever a tag que especifica a fonte para entender sua abertura e fechamento.
Pubblicato in HTML & CSS
Seja o primeiro a comentar