| Maior acervo de vídeo aulas da web

Não consegue visualizar a vídeo aula?

Fontes estilizadas com CSS

Fala pessoas! Nessa VA vou mostrar que é possível utilizar qualquer tipo de fonte no site. Agora, graças ao CSS, não ficamos mais presos unicamente às fontes instaladas na máquina! O site para converter as fontes é o: http://www.fontsquirrel.com/fontface/generator. Abraços e até mais!

Você gostou dessa Vídeo Aula, então compartilhe com seus amigos

Artigos Relacionados

Comentários

  • Onofre Martins

    Show de bola.

    ótima dica.

    Mas é importante frisar o que você disse sobre manerar no uso de fontes não padrão, por questões de padrão web mesmo, não é legal sair criando sites com vários tipos de fontes misturados.

    Muito bom.

  • http://www.acoimbra.com.br Anderson Coimbra

    Olá André.
    Você disse que a fonte é exibida como imagem. Qual é a vantagem, então, de usar essa técnica ao invés de uma imagem propriamente dita? Além do que, são mais arquivos que precisam ir para o servidor e a imagem seria somente ela.

    Abraço..

  • Marcio Vinicius

    Eaee Tuco, parabéns pela Video Aula e pelo seu site! xD Abraços

  • Tuco

    Fala Anderson!

    A vantagem é quanto você teria em “bytes” de imagens para carregar num site?

    Quanto vc teria para carregar uma fonte?

    Quanto de script vai pra você fatiar o seu menu com imagens, colocar um estado diferente para cada uma, entre outras coisas?

    Eu sinceramente, vejo vantagem nisso! rs

    Fala Onofre!

    Valeu pelo comentário!

    Abraços a todos!

  • http://www.impulsovirtual.com.br Charles Potel

    Ola Tuco, Parabéns pela video aula, gostaria de esclarecer algo a titulo de duvida, usando a técnica font-face a fonte não é exibida como uma imagem, ela é exibida como qualquer outra fonte do sistema, a unica diferença é que ela nao é carregada do sistema operacional e sim do local que voce indicar. Por padrão o css sempre verifica se ela nao existe no sistema, caso nao, ela carrega da pasta que voce indicou, mais nunca como imagem. Agora, sobre o desempenho voce esta certo, pois como a fonte tera que ser carregada do proprio servidor, muitas fontes extras sendo carregadas pode gerar uma lentidao, e se nao ficar lento acaba as vezes por nao carregar todas as fontes corretamente e fica por usar a fonte Arial pra substituir a indicada no font-face. Abração!!

  • Tuco

    Fala Márcio!!

    Valeu meu compadre!!! Obrigado mesmo!

    Fala Charles!!

    PERFEITO!

    Obrigado pela explanação de como se funciona o FontFace!

    Valeu por contribuir por aqui, e dispensar um pouco do seu tempo vendo minha VA!

    Abraços!

  • http://www.robertojana.com.br Roberto Jana

    Valeu Tuco!!

    Ficou bem claro, vai quebrar um galhão, (menos imagens=menos peso de arquivo) = navegação mais rápida e agradavel!

    grande abraço!

  • http://tutorial-city.net Tutorial City

    @Onofre Martins
    Eu ia escrever exatamente isso. Se o cara cria o site com várias fontes é pq precisa de um designer urgentemente!

    @Anderson Coimbra
    A fonte não é exibida como imagem, e sim como qualquer outra fonte. A vantagem de se fazer dessa maneira é que o texto fica selecionável (coisa que não acontece com a técnica de substituir por imagem) e que você não depende de javascript ou flash pra fonte carregar (como é o caso do sIFR por exemplo).

  • http://tutorial-city.net Tutorial City

    @Roberto Jana
    Na verdade você substitui uma imagem por uma fonte, que pode até ser mais pesada e não ser armazenada em cache, então não acho pode considerar isso como um ganho, por que varia em cada caso.

  • Marcio Vinicius

    Mano Tuco, eu vim aqui para PEDIR uma Video Aula pra você, o que achas? rs’

    Teria como você fazer uma VA que mostra como diminuir e aumentar a fonte de determinado local do site? Sei que você usa bastante acessibilidade em seus projetos…

    Abraços.

  • Tuco

    Fala Galera!

    Obrigado pelos comentários, e sobre a sugestão da VA sobre aumento/diminuição de texto!

    Vou providenciar uma dessas em breve!

    Abraços a todos!


Hospedado por Hostnet - Hospedagem de sites

VAB - Todos os direitos reservados - 2008 / 2012

Developed by: MX Web Studio

Mais em Tableless (23 of 57 articles)