Page 56 - Locaweb - Edição 27
Basic HTML Version
::
lw
_
design
programação
::
CSS3
Do desenho ao CSS3
Confira as mudanças que o novo
padrão para folha de estilos
provocará no processo de
criação de páginas web
Por
::
Felipe Magalhães
A presença do CSS3 (Cascading Style Sheets 3)
no dia a dia de quem trabalha na criação de
páginas web está se tornando cada vez mais sólida.
Afinal, as versões atuais dos navegadores mais
populares do mercado, como Internet Explorer,
Mozilla Firefox, Google Chrome,Apple Safari e
Opera, já dão suporte a muitas propriedades do novo
padrão para folhas de estilo que está sendo definido
pelaW3C.
Dentro desse cenário, até mesmo os
designers mais experientes têm questionado de que
forma essa nova tecnologia irá interferir no processo de
diagramação de páginas daqui para frente.
E o fato é que as possibilidades oferecidas pelo CSS3
vão mudar muito o desenvolvimento visual de sites, desde
o projeto até a concepção das páginas.
Famílias de fontes //
Ao montar um layout com o
novo padrão, por exemplo, não haverá mais a necessidade
de se prender à lista de fontes padrão da web. O CSS3
permite o uso de fontes externas, com a utilização do
@fonte-face. Assim, será possível recorrer a famílias
de fontes variadas, fazendo com que o designer possa
ficar mais livre para criar a arte, sem ficar preso à atual
limitação. De quebra, a fonte a ser utilizada não precisa
estar instalada na máquina. Basta usar o código conforme
o modelo a seguir.
@font-face {
font-family: broadway;
src: url('Broadway.otf');
}
Importa-se a fonte com o @font-face. O font-family
deve ser apontado pelos recursos que venham a usar esta
família de fonte. E o src, por sua vez,
voltado para o caminho relativo em que
se encontra o arquivo de fonte. Para a
aplicação da fonte em seletores CSS3,
basta fazer:
p {
font:36px broadway, Arial,
Tahoma, Sans-serif;
}
Dessa forma, as fontes reservas
continuam sendo usadas, por motivos
de segurança, mas pode-se recorrer
normalmente à família de fonte criada
no CSS. Fique atento, pois caso o
usuário possua uma conexão mais lenta,
o texto será carregado inicialmente na
fonte padrão. Só depois que o estilo
O eficiente software FontSquirrel é um dos conversores de fontes online disponíveis
no mercado. Você pode baixá-lo gratuitamente no endereço
56
