Como usar milhares de fontes não web-safe para incrementar seu site

Video: PALETA DE CORES, FONTES E DETALHES! - Tudo sobre Design // TIPS&TRICKS #36

Tem sido mencionado antes, mas vale a pena repetir: se você não quer que seus sites / blogs para ser apenas mais um rosto na multidão, você tem que fazê-lo se destacar dos outros, e jogar com o design é uma maneira de conseguir isso . Mas cada web designer sabe muito bem que a tipografia é uma área onde as mãos são praticamente empatado.

O lançamento do Fontes do Google traz ar fresco para o mundo da tipografia web livre. Mas embora o Google fornecer-nos com muitos grandes fontes free-to-use, a adição ainda é apenas uma partícula de poeira entre os milhares (ou talvez milhões?) De fontes existentes lá fora.

Conheça Fonts.com, um serviço web que nos fornece milhares de fontes alternativas de páginas web que podemos usar para o nosso projeto web / blog - e 3.000 + deles estão disponíveis gratuitamente.

Belas fontes livre para você

Fonts.com é trazido a nós por Monotype Imaging, um nome bem conhecido na indústria da fonte. O próprio nome da empresa é uma garantia de que você vai encontrar uma vasta escolha de fontes aqui. Mas antes de podermos utilizar o serviço Fonts.com, devemos primeiro se inscrever para obter uma conta gratuita.

Há três esquemas “precificação” disponíveis com várias características, mas eu pessoalmente acho que a livre um - com 3.000 + opções de fontes, sites ilimitada usar e fontes por site, e 25.000 pageviews por mês - é mais do que adequado para blogueiros diárias e website os Proprietários. A oferta gratuita é muito generoso considerando que Typekit - outro grande jogador no mesmo campo - limita seus usuários com apenas um uso site e duas fontes por site.

Comece por construir um projeto: dar-lhe um nome e adicione os domínios que você deseja usar as fontes com. Não se esqueça de salvar o projeto antes de continuar. Você pode criar vários projetos para gerenciar, mas devido à limitação de pageviews, eu sugiro que você criar outra conta para um outro projeto, se o seu site pode atrair alto tráfego.

O próximo passo é escolher as fontes para o seu projeto. Você pode classificar por classificação, desenhista, fundição ou suporte ao idioma. Se você sabe o nome da fonte, você pode ir diretamente para a caixa de pesquisa, ou - se você tem muito tempo livre - você pode ver todos os tipos de letra página web disponíveis em ordem alfabética.

Mas antes de fazer isso, é melhor dar uma olhada na lista de fontes em destaque.

As opções de suporte a linguagem vai ser muito útil se você estiver à procura de fontes que oferecem suporte caracteres não latinos, como árabe ou chinês.

Adicionando as fontes para um projeto é tão fácil como clicar no botão “Adicionar ao projeto”Botão no lado direito da lista de fontes. Se você encontrar uma fonte com um cinza “Atualizar”Botão, isso significa que a fonte está disponível apenas para usuários pagos.

Depois de adicionar as fontes que você gosta para o projeto, você pode começar a trabalhar em sua folha de estilo. Vou ao "seletores”Campo, digite um seletor e clique em“Adicionar selector“. Repita o processo para outros seletores. Um pouco de conhecimento de HTML e CSS seria muito útil aqui, mas usando o básico “corpo”E“h1" para "hx”(Mudar o x com qualquer número) vai fazer para iniciantes.

Em seguida, escolha um tipo de letra a partir da lista para cada seletor para baixo. As fontes disponíveis são aqueles que escolhemos anteriormente. Uma prévia do uso de fontes aparecerá à direita da lista.

Video: Download 10.000 Fontes

O último passo é publicar o seu projeto. Clicando no botão “Publicar”Guia lhe dará quatro opções. Os novatos vão querer ficar com a opção 1.

Enquanto as opções 3 e 4 estão disponíveis apenas para usuários pagos.

Você vai ter uma linha de código para aplicar em seu site. Clique no "Escolha um código”Botão e pressione Command + C (Mac) ou Ctrl + C (Windows) para copiar o código.

Agora vamos passar para o seu site para aplicar o código.

Aplicação do Código

O código que você recebe deve ser colado entre o “cabeça" Tag. Estou assumindo que se você tem um site, você deve saber como fazer isso. No entanto, para auto-hospedado WordPress proprietários do blog, há uma maneira fácil de fazê-lo sem ter que editar qualquer código.

Instalar e ativar um WordPress plugin chamado “Códigos de inserção”E cole o código fonte dentro do“cabeçalho Blog”Campo, e salvar as alterações.

Eu tentei isso no meu blog WordPress auto-hospedado e tudo funcionou bem. Os elementos apareceu com seu novo visual.

Video: Top 5 melhores fontes para usar no seu blog

A beleza deste sistema é que se você fizer quaisquer alterações ao seu projecto dentro Fonts.com, as alterações serão aplicadas automaticamente para o seu site (s) sem que você precise fazer nada.

Então, se você está procurando maneiras livres e fácil de jogar com tipografia web, o serviço de Fonts.com seria sua melhor aposta. Eu, pessoalmente, acho que é ainda melhor do que o diretório Google Font - pelo menos a partir do número de opções que os usuários livres têm.

Você mexer com tipografia web? Sabe outras alternativas? Por favor, compartilhe seus pensamentos e opiniões usando os comentários abaixo.