Statüs Blog

farkli fontta yazi yazmak

Farklı Fontta Yazı Yazmak  /  25 Ocak 2012

---

Bazı sitelerde görüyorsunuzdur standartın dışında bir yazı fontu vardır.Bunlar nasıl yapılıyor diye sormanıza bile gerek yok.Çünkü hemen anlatıyorum.Çok basit bir işlem.İlk olarak vereceğim kodu css bölümüne ekleyin.Zaten isimleri yazar.İkinci kodu ise istediğiniz sayfaya ekleyebilirsiniz.Ama bu bir denemedir.Html olan kodu eklemesenizde css bölümüne eklenecek kodu eklemek zorundasınız.Bs'nin sayfalarımı değiştir bölümüne gelip yeni bir sayfa açalım.Örnek bir yazı yazdıktan sonra yazı türünü arial veya hangisini isterseniz onu yapın.Kaynak bölümüne tıklayın ve gördüğünüz yazı fontunun adını istediğiniz bir yazı fontuna dönüştürün.

İşte böyle;

<span style="font-family: Arial; ">abc</span>

Yukarıdaki kod ile değiştirebilirsiniz.Ancak ilk önce css kodu bölümüne aşağıya koyacağım kodu ekleyin.Abc benim örnek yazım.Arial fontunu kullandım.Orayı değiştirebilirim.Ama ilk önce css kodu bölümüne ekleyeceğiniz kodda da o fontun ailesi olmalıdır.Alt kısımda açıklayacağım.


İlk olarak css kodu bölümüne aşağıdaki kodu ekleyelim:
/******http://www.deneke.tr.gg*******/ /******Head**************************/ p.arial{font-family: Arial;} p.courier_new{font-family: Courier New;} p.jokerman{font-family: Jokerman;} p.serif{font-family: serif;} p.roman{font-family: roman;} p.goudy_stout{font-family: Goudy Stout; font-size:17px;} p.impact{font-family: impact;} p.script{font-family: script;} p.comic_sans{font-family: 'Comic Sans MS', 'comic sans ms', 'comic sans';} p.magneto{font-family: Magneto;} p.maiandra_gd{font-family:Maiandra GD;} p.matura_mt_script_capitals{font-family:Matura MT Script Capitals;} p.mistral{font-family: Mistral;} p.pristina{font-family: Pristina;} p.ravie{font-family: Ravie;} p.showcard_gothic{font-family: Showcard Gothic;} p.wst_swed{font-family: WST_Swed;} p.viner_hand_itc{font-family: Viner Hand ITC;} p.sylfaen{font-family: Sylfaen;} p.rockwell_condensed{font-family: Rockwell Condensed;} p.rage_italic{font-family: Rage Italic;} p.papyrus{font-family: Papyrus;} p.modern{font-family: Modern;}
Şimdi ise hangi sayfada farklı font kullanacaksak onu ekleyeceğiz:
<!-----http://www.deneke.tr.gg--------------> <!--Body--> <p class="arial">Arial font ailesi. 1234567890</p> <p class="courier_new">Courier New font ailesi. 1234567890</p> <p class="jokerman">Jokerman font ailesi. 1234567890</p> <p class="serif">Şerif font ailesi. 1234567890</p> <p class="roman">Roman font ailesi. 1234567890</p> <p class="goudy_stout">Goudy Stout font ailesi. 1234567890</p> <p class="impact">İmpact font ailesi. 1234567890</p> <p class="script">Script font ailesi. 1234567890</p> <p class="comic_sans">Comic Sans font ailesi. 1234567890</p> <p class="magneto">Magneto font ailesi. 1234567890</p> <p class="maiandra_gd">Maiandra GD font ailesi. 1234567890</p> <p class="matura_mt_script_capitals">Matura MT Script Capitals font ailesi. 1234567890</p> <p class="mistral">Mistral font ailesi. 1234567890</p> <p class="pristina">Pristina font ailesi. 1234567890</p> <p class="ravie">Ravie font ailesi. 1234567890</p> <p class="showcard_gothic">Showcard Gothic font ailesi. 1234567890</p> <p class="wst_swed">Wst Swed font ailesi. 1234567890</p> <p class="viner_hand_itc">Viner Hand ITC font ailesi. 1234567890</p> <p class="sylfaen">Sylfaen font ailesi. 1234567890</p> <p class="rockwell_condensed">Rockwell Condensed font ailesi. 1234567890</p> <p class="rage_italic">Rage İtalic font ailesi. 1234567890</p> <p class="papyrus">Papyrus font ailesi. 1234567890</p> <p class="modern">Modern font ailesi. 1234567890</p> <!----Font-Family-Kodlari-Bitti---------------->
Bu bölüm bazılarına karışık gelebilir.Hemen açıklama yapayım.Bir kod var o kodla sadece istediğimiz fontta yazı yazabiliyoruz:
    "<p class="arial">Arial font ailesi. 1234567890</p>"
Css kodu bölümüne en yukarıdaki kutucukta bulunan kodu ekledikten sonra yukarıdaki tırnak içine aldığım kodla farklı fontta yazı yazabilirsiniz.Buradan size verdiğim kodların önizlemesine bakabilirsiniz.

   p.arial{font-family: Arial;}
Bu css kodu bölümündeki kod.Bir font ekleyecekken bu kodu css kodu bölümüne eklemelisiniz.Sonrada tırnak içine aldığım kodu hangi sayfada farklı font yazmak istiyorsanız o sayfaya yapıştırın.Şuna dikkat:

/******http://www.deneke.tr.gg*******/
/******Head**************************/
p.arial{font-family: Arial;}
p.courier_new{font-family: Courier New;}
p.jokerman{font-family: Jokerman;}
p.örnek_font{font-family: Ornek Font;}
p.roman{font-family: roman;}

Kırmızı renkle belirttiğim kod 4. sırada.Birde işin html'i var.

<!-----http://www.deneke.tr.gg-------------->
<!--Body--> <p class="arial">Arial font ailesi. 1234567890</p>
<p class="courier_new">Courier New font ailesi. 1234567890</p>
<p class="jokerman">Jokerman font ailesi. 1234567890</p>
<p class="örnek_font">Ornek Font font ailesi. 1234567890</p>
<p class="roman">Roman font ailesi. 1234567890</p>

Bu sefer mavi renkle belirttiğim koda bakın.O da 4. sırada.Yani css'deki ve html'deki yazı fontlarının kodu aynı sırada olmalıdır.Şunu unutmayın css kodunu eklemek zorunludur ama html kodu eklemenize gerek yok.O sadece bir önizleme.Yukarıda anlattığım gibi yeni bir sayfa açıp örnek yazı yazın.Gerisi zaten yukarıdaydı.İyi okuyun.Anlamayanlar birkaç kez daha okusunlar.Çok güzel ve kullanışlı bir kod...

Ben hemen bir önizleme gösteriyorum;

Status Blog