Então, muitos gostam de usar fontes personalizadas em seus títulos em themes e etc. Aprenda de uma maneira fácil, como adicionar-las em seu theme.
Primeiramente, ache a fonte de deseja e coloque ela numa pasta de fácil acesso. Você pode ou baixar as fontes da internet, {esse site é muito bom}, ou pegar alguma fonte que você tem instalada em seu pc, e copiar ela para outra pasta.
Enfim, após escolher sua fonte, coloque esse código entre <style> e </style>. {Percebam que tenho dois códigos aqui. Você irá usar aquele correspondente a extenção de sua fonte, que pode ser ".otf/.eot" ou ".ttf".
/***** Modelo para fonte .otf/.eot por Gallyack *****/
@font-face {
font-family: Nome_da_fonte;
src: url('URL_DA_FONTE.otf') format('opentype');
src: url('URL_DA_FONTE.eot') format('opentype');
font-style : normal;}
/***** Modelo para fonte .ttf por Gallyack *****/
@font-face {
font-family: 'Nome_da_fonte';
src: url('URL_DA_FONTE.ttf') format('truetype');
font-style: normal; }
Bom, você irá hospedar a fonte aqui, e colocar a url dela onde está pedindo o código ali em cima. E colocar o nome da fonte, onde está pedindo no código. Lembrando o nome da fonte tem que esta igualzinho em todos os lugares (font-family, url, e na classe que vamos utilizar. (veja abaixo)
Vamos a um exemplo.
Suponhamos que eu queira essa fonte em meu theme. {fonte}
o meu código ficaria assim:
/***** Modelo para fonte .ttf por Gallyack *****/
@font-face {
font-family: 'sverigeScriptClean_demo';
src: url('http://static.tumblr.com/uarvpk1/8RUm3rg7v/sverigescriptclean_demo.ttf') format('truetype');
font-style: normal;
font-size: 10px;}
Pronto, agora na "div" do titulo que você quer essa fonte, basta colocar:
titulo{ font-family: 'sverigescriptclean_demo'; font-size: 24px; ETC}
Espero ter ajudado, e se esse tuto lhe foi útil, avise!

0 comentários :
Postar um comentário