Labor omnia vincit improbus!

17 oct. 2010

Cum Schimbi Fontul in Blogger


Azi m-am chinuit puţin să adaug câteva fonturi noi în blogul meu şi vreau să vă împărtăşesc şi vouă cum se face. Am adăugat trei noi fonturi dar pot adăuga câte fonturi vreau eu. Aceste trei fonturi sunt:
Tangerine
Ghotic
Arista2

Intraţi în contul vostru şi la Design apăsaţi Pagina de design al şabloanelor. În meniul Avansat o să vă apară o căsuţă numită Adăugaţi CSS unde puteţi adăuga cod CSS. Spre exmplu adăugaţi:

@font-face{
font-family:Tangerine;
src:url('http://dl.dropbox.com/u/1518616/League_Gothic/Tangerine_Regular.ttf');
}
@font-face{
font-family:Ghotic;
src:url('http://dl.dropbox.com/u/1518616/League_Gothic/League_Ghotic_Extended_Italic_by_Dannci.ttf');
}

@font-face{
font-family:Arista2;
src:url('http://dl.dropbox.com/u/1518616/League_Gothic/Arista2.0.ttf');

}
.tangerine{
font-family:Tangerine;
}
.ghotic{
font-family:Ghotic;

}
.arista2{
font-family:'Arista2';
}

şi apoi daţi click pe Aplicaţi Şablonul în Blog!

La src:url trebuie să puneţi link-ul unde este fontul în format .ttf. Eu le-am pus pe contul meu de Dropbox.
Ca să folosiţi fontul respectiv într-un articol scrieţi în Editaţi HTML astfel:

 <span style="font-family: "Tangerine"; font-size: 26px;">Alabala Portocala</span>
 <span style="font-family: "Ghotic"; font-size: 26px;">Sanatate si virtute</span>
 <span style="font-family: "Arista2"; font-size: 26px;">Dus cu pluta</span>


Aveţi grijă că fonturile de mai sus nu au diacritice, adică ă,î,â,ş,ţ...
Sper să vă ajute!

4 comentarii:

  1. io nu-mi bag capu' cu fonturile ..is ok cele de acum

    RăspundețiȘtergere
  2. Salut,
    Am mai facut cateva tutoriale. Ideea e ca impartasesc unele experiente si experimente pe care le fac. Eu am pus fonturile astea dar din pacate in Firefox nu se vad. Pe cand cu Opera sau Google Chrome se vad foarte bine. IE nici nu ma intereseaza.

    RăspundețiȘtergere
  3. Da, fonturile actuale is OK dar vroiam pur si simplu sa mai invat ceva nou...

    RăspundețiȘtergere

Lăsați un comentariu (Leave a comment please):