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

20 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

5 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

    • i found the pixel in 1.6s! http://t.co/pu8cmcXJ 6 hours ago
    • Vc tá ali escrevendo linhas e linhas de código, dá enter e, qdo percebe, vê q digitou tudo naquela janelinha fdp do Gtalk q abriu sem avisar 12 hours ago
    • Será q se eu tivesse 100 bilhões de dólares eu teria tb essa cara de bobo retardado? #marknerd 16 hours ago
    • Millemium é um filme DUCA! Recomendo! #ficadica 1 day ago
    • I unlocked the Check-in Pro sticker on @GetGlue! http://t.co/A2bx3AiF 2 days 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