Video: Font Face - Curso CSS e Dreamweaver - Parte 7

Tempo: 15 min 

Resumo: Uma das grandes dificuldades dos webdesigners é projetar sites com uma gama reduzida de fontes disponíveis. Até mesmo enquanto mercado esta é uma característica limitante visto que muitos clientes solicitam a utilização de fontes diferenciadas. Neste contexto temos a propriedade font-face que possibilita aos profissionais da área a inserção de fontes em formato TTF (TrueType) e ainda OTF (Open Fonts) desta forma é possível ter um texto formatado através de uma classe CSS e que faça uso de fontes não web, como por exemplo, não somos obrigados a utilizar o conjunto padrão de fontes disponíveis.

Metodologia de desenvolvimento do exemplo:CSS define a forma como os elementos são apresentados na tela. CSS não é necessariamente uma linguagem de programação, mas sim uma especificação criada pela W3C e, através desta especificação, conseguimos definir as propriedades visuais de diversos elementos, inclusive sendo esta uma boa prática de desenvolvimento. CSS3 estende essa especificação  criando novas propriedades e trazendo maior facilidade de desenvolvimento para sites e sistemas, mas, estas novas propriedades, no momento, não são suportadas por todos os browsers do mercado.

Tecnologias utilizadas: CSS3 e Adobe Dreamweaver CS4 

Exemplos construídos: Criação de página com inclusão de novas fontes e aprendizado sobre como utilizar a mesma.

Palavras-chave: CSS3, classes, fonte diferente, font-face