Top

em Tag

  • All
  • Dijital medya
  • Dijital reklam
  • Dijital strateji
  • Eğitim
  • Growth hacking
  • Haber
  • İnceleme
  • Kişisel
  • Kurumsal
  • Markalar
  • Medya
  • Rehber
  • Teknoloji

CSS font özelliği font ailesini, kalınlığını, boyunu ve yazı stilini tanımlamanızı sağlar.

Şerif ve Sans-şerif fontların arasındaki farklar;

Şerif fontu tırnaklı olur kırmızı alanlarda görüldüğü gibi. Sans-şerif ise tırnaksız olandır. Sans-şerif daha çok başlıklarda ve başlık niteliği taşıyan ciddi karakterli yazılarda kullanılır. Tırnaklı olan şerif ise, paragraf özelliği gösteren ve açıklama niteliğindeki yazılarda kullanılır, küçük fontlarda kullanımı yaygındır.

CSS Font Ailesi

CSS’te 2 tür font ailesi adı vardır;

  • generic family – Şerif veya tek aralıklı bir grup font ailesi
  • font family – Belirli bir font ailesi Times New Roman veya Arial gibi…
Generic family Font family Tanım
Serif Times New Roman
Georgia
Serif fontlar karakterlerin sona eren kısımlarında çıkıntılara sahiptir.
Sans-serif Arial
Verdana
Sans’ın anlamı onsuz, yani şerifsiz(tırnaksız/çıkıntısız) anlamındadır.
Monospace Courier New
Lucida Console
Hepsi aynı genişliğe sahip tüm tek aralıklı karakterler.

Font Family

Font ailesi bir yazıdır/yazı tipidir,  font-family özelliği ile ayarlanan.

Font-family özelliği birkaç font adını da tutmalı ki sistem kayıplarına karşı korunsun. Yani yazdığınız font kullanıcının sisteminde yoksa yedekteki font seçeneğini kullanmalı. Veya sizin yazdığınızı tarayıcı desteklemeyebilir ikinci yazdığınızı.

İstediğiniz font ile başlayın,  generic ailesi ile bitirin ve böylece tarayıcının, benzer font seçmesini sağlayın generic family’ye benzer olarak tabi eğer diğer fontlar uygun değilse.

Not: Font ailesindeki isim bir kelimeden fazla ise tırnak işaretleri arasında yer almalı, tıpkı “Times New Roman”‘da olduğu gibi.

Örnek;

p{font-family:"Times New Roman", Times, serif;}

Deneme adresiniz için tıklayınız!

Font Style

Çoğunlukla yazıyı yatık yani italik yapmak için kullanılır.

HTML ile kendi web sayfalarınızı oluşturabilirsiniz.  W3Schools.com ‘dan yapacağım bu çeviriler ile HTML’yi kolaylıkla öğrenebileceksiniz. HTML’nin öğrenmesi kolaydır ve zevkli bulacaksınız bu dili.

Başlangıç olarak bilgi; çevirileri(başlıklar hariç) çift tırnak içinde göstereceğim. Kendi yazdıklarım normal yazı olarak kalacak. Anlatacaklarımı uygulayabilmeniz için ilk önce klasör seçeneklerini bulmanız ve klasör uzantılarını göster halini seçmelisiniz. Ardından istediğiniz bir alanda(mesela masaüstünde) bir klasör açın web ismini verin. Klasörün içine girin(fare ile çift tık). Fare ile sağ tuş tıklayın ve metin belgesi(yeni metin.txt diye yazar) dosyasını oluşturun. Biz bu yeni metin.txt dosyası ile HTML dosyalarımızı oluşturacağız. Yeni metin.txt dosyasını açın ve farklı kaydete tıklayın. Açılan pencerede isim kısmına index.html yazın ve kaydedin web klasörümüzün içine. index.html klasörüne çift tıklayın ve browser(chrome, firefox, opera, internet explorer gibi)’da görebilelim. Artık web klasörümüzün içinde yeni metin.txt ve index.html adlı iki dosya olacağını biliyorsunuz ve artık hazırsınız. Bunu hazırlayamadıysanız bile, örnekleri uygulayabilmeniz için W3Schools‘taki metin editörünü paylaşmış olacağım. Sol taraftaki verileri silip, etiketleri(anlatacağım) yazarsınız ve edit and click me yazan yere basarsınız sağ tarafta da web sayfasının durumunu görebilirsiniz böylece. Bu benim ilk çalışmam. Umarım hepimize yararlı olur. Anlaşılmayan yerleri yorum olarak yazabilirsiniz/sorabilirsiniz. Kolay gelsin.


HTML Yazı(text) Biçimlendirme(formatting)

HTML Biçimlendirme Etiketleri

HTML <b> ve <i> gibi etiketleri kullanarak çıktıyı biçimlendirir bold ve italik yazı gibi. Bu etiketlere biçimlendirme etiketleri denir.

<b>bu kalın yazılmıştır.</b>

<i>bu italik yazılmıştır.</i>

Sıklıkla <strong>, <b> olarak; <em> de <i> olarak yorumlanır.

Bununla birlikte, anlam farkı mevcuttur bu yorumlanan kodlarda.

<b> ile <i> kalın ile italik yazıyı temsil eder sadece. <strong> ile <em> ise kullanıcının tarayıcı tarafından yorumlananların “önemli olma” derecesini görmesini sağlamaktadır. Günümüzde, tüm bilinen tarayıcılar strong’u bold olarak em’i de italik olarak algılamakta daha doğrusu sunmaktadır.  Fakat gün gelir de tarayıcılar strong etiketli yazıların üzerini renklendirirse sarıyla hatalı bir örneğimiz olur ve bold olarak tanımlayamayız.