Tipo de Letra
Existe um limitado nº de tipos de letras utilizados nos sites, pois são os que vêm instalados tanto no Windows como em Macintosh. Esses tipos de letras integram-se dentro de familias de fonts: font-family, são elas:
- sans-serif
- serif
- monospace
- cursive
- fantasy
A diferença entre elas: sans-serif - sem serifa, estão incluídos os tipos: Arial, Verdana, Tahoma, Trebuchet MS.
E nas pontas de cada letra não têm uns "acabamentos" como o tipo de letra serif - com serifa, onde estão incluídos os tipos de letra: Times New Roman e Georgia.
O tipo de familia monospace, é utilizado para mostrar códigos HTML ou outros conteúdos técnicos, e este tipo é conhecido por ter o mesmo comprimento para todas as letras, mesmo parecendo que poderão ser mais espaçosas, mais finas ou mesmo os espaços em branco, exemplos delas: o Courier New.
Tipos de letras artisticos ou que parecem escritos à mão são do tipo de familia cursive inclui o tipo de letra muito popular há anos atrás: Comic Sans.
E por fim, o fantasy, que são mais decorativos. Existem especialmente grandes colecções para download em sites próprios de fonts deste tipo.
Os tipos de família mais utilizados para os sites são os sans-serif e serif, pois são mais legíveis e menos cansativos de ler. Mais os monospace para códigos. E os outros tipos poderão, ou no caso de não pertencerem aos tipos de letras já instalados no Windows e Macintosh, deverão, ser utilizados em gráficos/imagens, do que texto normal, pois não será reproduzido e trocado para o texto definido no browser pelo utilizador que visita o site, por defeito, o Times New Roman.
Podemos definir o tipo de letra, o tamanho e a cor do texto várias vezes em todos os textos. É demorado, cansativo, não muito funcional até para quando queremos voltar a alterar, temos de o alterar novamente em todo o lado onde colocámos esse código.
"arial" "2" "#996666"
Como já referi que se deve separar o conteúdo da apresentação, esse método será através de CSS. E isto estará melhor explicado na secção própria, mas aqui fica a alternativa:
<style>body {color: #996666;font-family: arial, verdana, sans-serif;font-size: 12px;}</style>
Isto irá definir a cor, o tipo e o tamanho da letra a todo o texto que estiver dentro das tags do <body>.
Deve-se definir logo por font-family, ou seja, pelo menos 3 tipos de letra, no caso de o utilizador não ter a primeira, vê com a segunda, etc. No entanto, convém estar dentro do mesmo tipo. Por exemplo:
- Arial, Verdana, Sans-serif;
- "Times New Roman", Georgia, Serif;
