Tipografia na web I: as fontes-padrão. A tipografia na web já esteve restrita a possibilidades extremamente pequenas. Há pouco tempo atrás, duelávamos com as limitações do HTML e CSS e da largura de banda dos usuários da Internet. No entanto, os horizontes dos desenvolvedores web foram se abrindo a novas visões devido a novas tecnologias, agora acessíveis aos usuários dos sites web. De uma gama extremamente restrita de caminhos para seguir quanto à tipografia na web, hoje temos várias possibilidades.
Faremos a partir de agora uma série de posts para listar as melhores possiblidades didaticamente, para ajudar o desenvolvedor a fazer sua escolha tipográfica para a web. A primeira escolha da web, quando ainda nem imagem havia, era usar uma fonte para o estilo do texto que o desenvolvedor teria certeza que o usuário teria em seu computador, com a opção de , ou alternativas caso isso não ocorresse. Fontes que podem ser seguramente escolhidas hoje: Arial/Helvetica, Verdana, Tahoma, Georgia, Times (e quem quer?) Prós: . Contras: .
CSS3, propriedade @font-face. Introdução A diretiva @font-face das CSS3 está prevista no Módulo Fonts das CSS3 e destina-se a especificar um tipo de fonte para uso em determinadas partes de uma página ou na página toda (ou no site todo) e ter a garantia que a fonte especificada será renderizada no navegador do usuário independentemente de ele ter ou não a fonte instalada em seu sistema operacional.
Lembre-se que com uso das CSS2.1 você deve fornecer uma lista de fontes terminando com uma fonte genérica para exibir seus textos. Por exemplo: 1.p { 2. font-family: "Lucida Grande", "Lucida Sans", Verdana, Sans-Serif; A regra CSS mostrada determina que os parágrafos sejam renderizados preferencialmente com uso da fonte "Lucida Grande" instalada por padrão no sistema operacional MAC OS X.
Caso o usuário esteja visualizando a página em ambiente Windows é quase certo que ele não tenha a fonte instalada e neste caso entra a segunda opção da lista de fontes que é a "Lucida Sans" instalada por padrão no sistema operacional Windows. Media Queries. TV. Grab&Go. Web Design em 2013 - Perspetivas e Tendências. 2013 aproxima-se e como é hábito na reta final de mais um ano os profissionais das mais diversas áreas começam a interrogar-se de como funcionará o mercado no ano que se irá suceder, quais as principais tendências a seguir, as melhores práticas, o que é que poderá suscitar interesse.
Nas áreas de negócio em que o consumidor final é o cidadão comum, como é o caso do Web Design, essas questões ganham particular relevância. Já é possível prever algumas tendências que se começam a denotar e que provavelmente se tornarão vulgares nas aplicações web de 2013. Eis uma lista composta por 5 das mais proeminentes tendências para o ano que vem, e respetivos exemplos: Responsive web designA proliferação de dispositivos móveis obriga a que muitas aplicações web sejam acessíveis em ecrãs de variadas resoluções e tamanhos. Ao invés de se construir um site para cada tipo de dispositivo, o design "responsivo" consiste em criar uma interface que reage de forma diferente consoante a dimensão do ecrã.