Infraestrutura Ágil

Soluções e métodos inteligentes para sua infra

Octopress e novas fontes

| Comments

Eu não gosto da fonte padrão do Octopresss, já havia lido que ele usa fontes do Google, pesquisando no repositório google webfonts, encontrei uma fonte mais interessante - Oxygen, após alguma pesquisa descobri que é bem fácil alterar as fontes, vamos ao procedimento que eu executei.

Modificando a fonte

Primeiro edite o arquivo sass/custom/_fonts.scss e insira

1
2
3
4
$sans: "Oxygen", sans-serif;
$serif: "Oxygen", sans-serif;
$heading-font-family: 'Oxygen', sans-serif;
$header-title-font-family: "Oxygen", Helvetica, Arial, sans-serif;

Depois edite o arquivo source/_includes/custom/head.html e modifique o nome da fonte

1
2
<link href="http://fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/cs

para Oxygen

1
2
link href="http://fonts.googleapis.com/css?family=Oyxgen:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Oxygen:regular,italic,bold,bolditalic" rel="stylesheet" type="text/cs

Rode o generate e preview

rake generate && rake preview

Acesse seu site localmente e verifique se a fonte mudou

http://localhost:4000

Depois de confirmar o mudança, faça o deploy

rake deploy

Pronto, fontes novas.

[s]
Guto

Comments