Google Web Fonts ou Typekit?

Como designer gráfico, faço projetos de sites, mas não o desenvolvimento. Alguém me perguntou hoje se eu conheço o Typekit, e eu não tinha ouvido falar, então pesquisei no Google e parecia quase uma versão paga do Google Web Fonts; que uso ocasionalmente. Não conheço os motivos técnicos do desenvolvedor para usar um ou outro, mas não quero que meu cliente compre algo quando ele poderia ter usado outro item gratuitamente e tenha o mesmo tipo de resultado. Então, minha pergunta é: um é melhor que o outro? Ou existem pontos bons e ruins para ambos?

Outra opção mais flexível do que qualquer uma delas é usar @ font-face .

É grátis e você pode usar qualquer fonte que desejar. Basta fazer o upload da fonte para onde quer que o site seja hospedado e especificá-la no css. A única coisa é que você precisa converter o formato da fonte para ser compatível com diferentes navegadores.

Aqui está um exemplo - digamos que você queira usar a fonte LeagueGothic:

1) Use um conversor de fontes para convertê-lo em .ttf, eot, woff etc. http://www.fontsquirrel.com/fontface/generator

2) Carregar todos os arquivos de fonte em uma pasta de fontes

3) No seu CSS, inclua (certifique-se de atualizar o URL do caminho de acordo):

      @font-face {
       font-family: 'LeagueGothicRegular';
       src: url('../fonts/League_Gothic-webfont.eot');
       src: url('../fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/League_Gothic-webfont.woff') format('woff'),
       url('../fonts/League_Gothic-webfont.ttf') format('truetype'),
       url('../fonts/League_Gothic-webfont.svg#webfontFHzvtkso') format('svg');
       font-weight: normal;
       font-style: normal;
     }

4) E quando você quiser usá-lo, basta chamá-lo:

    h3{ 
      font-family: 'LeagueGothicRegular', 'Gill Sans', 'Lucida Grande', Trebuchet, sans-  serif; 
    }

Ainda não tentei o Typekit, mas acho que essencialmente faz a mesma coisa - apenas executa a etapa de conversão e hospedagem para você e também fornece muitas fontes para você escolher. @ font-face realmente não é muito mais trabalho, então eu pessoalmente prefiro.

Confira este post para mais informações: http://sixrevisions.com/css/font-face-guide

Primeiro, você está satisfeito com as seleções de tipo e o espaçamento entre caracteres das fontes no Google Web Fonts? Ainda não os usei, embora tenha visto pelo menos um ou dois sites com excelentes resultados usando-os. Ao mesmo tempo, algumas exibições de suas fontes mostram um fraco ajuste das letras (principalmente espaço demais entre as letras).

Se você precisar corresponder às Fontes da Adobe usadas na impressão, parece que o Typekit pode ser adequado. No momento, eles não mostram muitas fontes da Adobe no nível básico da conta, embora haja muitas opções de escolha. A conta básica é bastante barata, portanto, um cliente deve poder pagar. Atualmente, estou usando em um blog no DrupalGardens e gosto de poder usar o Myriad Pro.

Provavelmente se resume a escolher as fontes que você deseja usar, ver qual site tem o que você deseja ou fechar e seguir o fluxo. Você pode conferir o Typecast, um novo site atualmente em beta privado, onde é possível projetar no navegador, escolher fontes da Web do Google, Typekit, Fonts dot com etc., criar o design do site com fontes da Web, ver exatamente como ficará. , solicite as fontes que funcionam para você. Pedi para participar da versão beta, para conferir. Certamente deve tornar o processo mais suave para os designers.

Em termos de tecnologia, eles são praticamente os mesmos.

Em termos de produto, eles diferem no fato de o Google estar focado em ofertas de código aberto (sem custo), enquanto o Typekit está focado no licenciamento de tipo comercial.

A decisão sobre qual usar realmente se resumiria a qual tipo de letra você deseja usar.

Observe que muitas fundições e distribuidores de tipos estão agora oferecendo serviços como o typekit, então definitivamente compre um pouco.

Você também deve consultar o site webfonts.fonts.com, pois eles também oferecem uma tremenda seleção de fontes da web. Eles também carregam muitas das principais fontes de marca usadas por Helvetica, Avenir, Univers, Frutiger e muito mais. Eles também carregam muitas fontes de fundição de terceiros. Confira!