Edson S. Júnior

Internet, CSS e Photoshop

Follow me on TwitterRSS Feeds

  • Início
  • Sobre
  • Contato

@font-face e a conversão de fontes .TTF para .EOT sem mistério

24/03/10

Escrito por ed1nh0 em CSS

24 comentários

exemplo de uma fonte gótica, que não é uma fonte segura, ou seja, existe o risco de não ser exibida no computador do usuário caso não seja usado @font-face Se você chegou até aqui pensando em ler algo sobre o tal Microsoft WEFT (Web Embedding Fonts Tool), esqueça. Nunca consegui usar esse programa.

O propósito aqui é tão somente explicar que, além do WEFT, você pode baixar este executável e começar a gerar suas fontes EOT.

Mais >

converter, CSS, eot, font, font-face, fontface, otf, ttf, weft

Recorte rápido de imagens simples no Photoshop

24/03/10

Escrito por ed1nh0 em Photoshop

6 comentários

Ideal para logomarcas e figuras, preparei este tutorial relâmpago para a seguinte situação: Você está desenvolvendo um layout e precisa aplicar a marca do seu cliente. Como muitas vezes acontece, você não tem — ou não te passaram — o arquivo em vetor (Corel ou Illustrator). Esse arquivo então pode ser um GIF ou PNG (ambos sem fundo transparente, claro), mas na maioria das vezes é um JPEG.

Se o fundo for branco, preto, vermelho (R), verde (G) ou azul (B) chapados, relaxe! E esqueça a varinha mágica ou outra ferramenta similar. Você vai usar a opção de mescla do estilo do layer. Vamos lá?

Mais >

recorte
«1234
    • Assine meus feeds
    • Siga-me no Twitter

  • Busca

  • Últimos

    • Qual a medida em pixels de uma folha de papel A4?
    • Qual o tamanho do background do Twitter?
    • Por que usar CSS Reset?
    • @font-face CSS com ajuda do Google font API
    • Photoshop: Tratamento de imagem (parte 1)
    • Photoshop: Criando uma textura de background para seu site
    • Lista de itens contornando imagem
    • Salvando favicons direto do Photoshop
    • Lista de itens horizontal
    • Borda arredondada com Javascript
    • Pixels (vídeo YouTube)
    • GIF, PNG ou JPG? Você sabe salvar imagens para web?
    • Bitmap e interpolação vs. Vetor
    • CSS Sprites
    • Radial shadow background
  • Categorias

    • CSS
    • Photoshop
    • Vídeos
  • Blogroll

    • Alê Mazzariolli Alê Mazzariolli
    • Barril de Ideias Barril de Ideias
    • Cozinha Travessa Cozinha Travessa
    • Diego Franco Diego Franco
    • Flávio "Japs" Kaminisse Flávio "Japs" Kaminisse
    • Leonardo Ota Leonardo Ota
    • Revolução etc. Revolução etc.
    • Tiago Lemos Tiago Lemos
  • @ed1nh0

    • Pra mim essa alta do dólar é uma manobra calculada pra tentar impedir brasileiros de comprar ações do #Facebook na #IPO de hj. #especulacao 58 minutes ago
    • Qto tempo vc esperaria na fila pra ser atendido? http://t.co/VmY8AMjR Bom dia! 1 hour ago
    • Momento nostalgia... http://t.co/jllQenZT @GetGlue #Rambo 10 hours ago
    • Tava engraçado, mas o sucesso subiu à cabeça de pobre do @EikeBatiiista e ficou chato... 11 hours ago
    • Bom, alguém tem q trabalhar né @keiniti ? #viciado RT @robertoviana: @ed1nh0 corre q vc ta pra trás! http://t.co/XblKbZpT 18 hours ago
  • Tags

    api background bitmap borda contraste converter CSS curves degradé eot favicon font font-face fontface foto gif hdr ico icone imagem image replacement interpolação IR javascript jpeg jpg levels lista matte offset otf pattern Photoshop png recorte rounded sombra sprites textura tratamento de imagem ttf ul vetor video weft
Dropbox

Dropbox não é só um disco virtual, você tem a opção de sincronizar dois ou mais computadores para que tenham sempre os mesmos arquivos à mão.

Windows weather
YoWindow.com Forecast by yr.no
Direitos autorais © 2012 Edson S. Júnior