Google Fontes API

Written by oraculum. Posted in Designer | Tagged: , ,

Google Fontes API

Published on Maio 21, 2010 with Sem Comentários

Google tem feito dois grandes anúncios hoje. Um deles diz respeito ao Google Fontes API . Simplesmente ligando a uma fonte específica, é armazenada em servidores do Google (economizar largura de banda + benefícios de cache), temos agora acesso a uma vasta gama de fontes . Literalmente, é possível integrar essas fontes para o seu projeto em cerca de 20 segundos. O processo é bastante simples. Além disso, devido às operações que serão realizadas nos bastidores, essas fontes personalizadas serão reconhecidas novamente no Internet Explorer 6. Eu, por exemplo, estou extremamente animado com as possibilidades, do catalogo de fontes certamente continuar a aumentar durante os próximos anos.

Como trabalhar com a API

Primeiro escolha sua fonte no catalogo de fontes do Google.

Depois de escolher a fonte é só colocar o link da fonte no campo font-family, veja um exemplo abaixo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<!DOCTYPE html>  
 
<html lang="en">  
<head>  
    <meta charset="utf-8">  
    <title>untitled</title>  
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>  
    <style>  
    body { font-family: 'Yanone Kaffeesatz', serif; font-size: 100px; }  
    </style>  
</head>  
<body>  
     Hello World  
</body>  
</html>

Veja o resultado final:

hello

Acerca oraculum

Browse Archived Articles by oraculum

Sem Comentários

There are currently Sem Comentários on Google Fontes API. Perhaps you would like to add one of your own?

  1. [...] Já havia falado sobre elas em uma outra ocasião, mas ainda sim continua sendo minha forma preferida de implementar fontes personalizáveis. Elas são gratuitas não temos tantas opções quanto as do Typekit ou Fontdeck mas para a maioria dos casos atenderá eu que gosto muito das fontes Ubuntu são uma mão na roda pra mim. [...]

Leave a Comment