A coisa toda é muito simples, basta inserir um link semelhante à esse abaixo no código de seu site/blog:
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
O link faz a chamada da fonte desejada, ele deve ser colocado entre as tags
<head>
e </head>
, e no CSS você define a familía da font (font-family) e o seu tamanho (font-size). O códigoda página deve ficar parecido com o que está abaixo:<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>untitled</title>
<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'> <style>
body { font-family: 'tangerine', serif; font-size: 100px; }
</style>
</head>
<body>
O Crazyseawolf é um gato!!!
</body>
</html>
Eis o resultado:No exemplo acima, foi usada a fonte Tangerine. Nesta página, há um diretório das fontes do Google, onde clicando em cada fonte, você terá uma visão de como ela é e você pode pegar o link referente à fonte que você vai escolher para colocar no site/blog:
Divertido, não? Existem outros detalhes a serem acrescentados, caso esse post agrade, há outras customizações que podem ser feitas no código do template de seu site/blog, e que terei o prazer de postar.