Google Font: API e Directory

Criado por em 25 de Maio de 2010 | 23 comentários

Sempre na senda da inovação a Google lançou há dias mais um dos seus serviços. No entanto este passou meio despercebido, talvez por ser ainda um Lab. Mas tem tudo para se tornar mais um sucesso.

E a última proposta da Google é um directório de fontes para ser utilizador na construção de páginas Web. Desta forma quem desenvolve páginas pode ter acesso a fontes de alta qualidade e através da utilização de uma API específica.


A Google resolveu dividir este serviço em duas componentes distintas. Um directório onde podemos visualizar as fontes e uma API de onde podemos chamar as fontes que pretendemos utilizar.

Google Font Directory

Este directório da Google contém todas as fontes disponibilizadas e permite ver a forma como cada uma delas é apresentada no browser. Desta forma podemos escolher a que mais nos agrada e a partir dai decidir as que vão ser utilizadas.

É ainda fornecida informação adicional para cada fonte:

  • Variantes
  • Character Set
  • Descrição da fonte
  • Código para utilização

Considerem este directório como a montra das fontes disponibilizadas pela Google.

Google Font API

A segunda componente deste novo serviço da Google é a API. Com esta API podemos chamar de forma simples as fontes que escolhemos antes e podemos integrá-las no CSS da página ou directamente no HTML.

A sua forma de utilização é extremamente simples e não requer conhecimentos avançados de HTML ou de JavaScript. Eis um exemplo simples de uma página Web que faz uso de uma das fontes disponibilizada pela Google.

<html>
  <head>
    <link rel="stylesheet" type="text/css"
    href="http://fonts.googleapis.com/css?family=Tangerine">
    <style>
      body {
        font-family: 'Tangerine', serif;
        font-size: 45px;
        text-shadow: 4px 4px 4px #aaa;
      }
    </style>
  </head>
  <body>
    <h1>Pplware.com, No Comments!</h1>
  </body>
</html>

O resultado do HTML que está acima pode ser visto no texto abaixo:

Pplware.com, No Comments!

E se pretenderem podem chamar directamente essas fontes dentro dos ficheiros CSS através da inclusão de um import

@import url(http://fonts.googleapis.com/css?family=Tangerine);

Mais uma vez a Google inova com a disponibilização de um serviço (API) que nos vem libertar dos padrões impostos para a Internet, criando alternativas viáveis para quem pretende desenvolver aplicações e serviços.

Este novo serviço pode ter pouca visibilidade e ser pouco útil aos utilizadores da Internet, mas em conjunto com muitas outras API’s já disponibilizadas pela Google, cimentam a posição desta empresa no mundo virtual.

Homepage: Google Font API
Homepage: Google Font Directory
Homepage: Google Web Fonts

   		     Pin It  

Arquivado na categoria: Google/YouTube, Informação, Internet - Serviços Web


  Imprima este artigo   Post2PDF    


23 Comentários

  1. Nuno Amaral
    25 de Maio de 2010 às 11:07 am

    Isto ainda me pode ser útil. Boa Dica Pedro

    Responder
  2. Diogo Bhovan
    25 de Maio de 2010 às 11:12 am

    Óptima Iniciativa da Google!

    Até hoje a solução que utilizava passava por usar CSS3 e alojar o ficheiro da font em questão juntamente com o WebSite. Sem dúvida, que este método vem para facilitar! Vamos ver é se os WebDevelopers aderem a esta iniciativa!

    Responder
  3. avlis rotiv
    25 de Maio de 2010 às 11:12 am

    Porreiro! ;)

    Responder
  4. JFF
    25 de Maio de 2010 às 11:59 am

    “lançou há dias” em vez de “lançou à dias”
    Erro recorrente nos comentários, mas que não pode passar numa posta.
    Já agora :) “contém” em vez de contem e “integrá-las” em vez de integra-las…
    Desculpem, se for o caso, o preciosismo…

    Responder
  5. kimoaz
    25 de Maio de 2010 às 12:39 pm

    Boas,

    Será que podes mos usar a API nos CSS do FLEX??

    Responder
  6. Rammy
    25 de Maio de 2010 às 12:44 pm

    Como é que isto vai funcionar com o standard Web Open Fonts proposto e implementado pela Mozilla e já na especificação HTML5?

    Responder
  7. CRodrigues
    25 de Maio de 2010 às 12:52 pm

    Começo a ter medo da google …

    Responder
  8. Jordan Humberto de Souza
    25 de Maio de 2010 às 1:12 pm

    Teria como alguém fazer um pack com todas as fontes do google? gostei delas e gostaria de usar no meu pc… mas não encontrei uma forma de baixálas apesar de informar o tamanho de cada uma no site.

    Responder
  9. Emannxx
    25 de Maio de 2010 às 2:02 pm

    A Google não pára! (onde é que eu já vi isto….. Déja Vu …)

    Mais uma noticia para comprovar o que disse sobre uma rubrica sobre as novidades, implementações ou criações que a Google faz, durante um determinado espaço de tempo xP

    http://pplware.sapo.pt/informacao/pesquisas-google-agora-com-ssl/comment-page-1/#comment-310103

    Responder
  10. Vitor Hugo
    26 de Maio de 2010 às 11:06 am

    A Google criou também uma ferramenta de “preview” das ditas fontes:
    http://code.google.com/webfonts/preview

    Uma boa iniciativa, que não sendo revolucionária, é mais um passo rumo à criação de um sistema uniforme na tipografia on-line.

    Responder
  11. joao bem
    24 de Junho de 2010 às 11:28 am

    A Google é um exemplo de como uma empresa tecnológica deve ser.
    Consegue manter sempre os seus utilizadores na expectativa dos novos produtos que vão ser lançados e consegue fazer uma divulgação deles sem gastar um único cêntimo.

    Como consegue fazer isto?
    A Google lança produtos úteis para os seus utilizadores que serão no futuro os seus clientes.

    Responder
  12. David Branco
    24 de Junho de 2010 às 2:04 pm

    Ontem já comecei a utilizar este serviço num site que estamos a fazer na empresa para a qual estou a trabalhar agora.
    Ainda tem poucas fontes mas é um serviço que promete.

    Responder

Deixe o seu comentário

Aviso: Todo e qualquer texto publicado na internet através deste sistema não reflete, necessariamente, a opinião deste site ou do(s) seu(s) autor(es). Os comentários publicados através deste sistema são de exclusiva e integral responsabilidade e autoria dos leitores que dele fizerem uso. O autor deste site reserva-se, desde já, o direito de excluir comentários e textos que julgar ofensivos, difamatórios, caluniosos, preconceituosos ou de alguma forma prejudiciais a terceiros. Textos de caráter promocional ou inseridos no sistema sem a devida identificação do seu autor (nome completo e endereço válido de email) também poderão ser excluídos.