Top

size Tag

  • All
  • Dijital pazarlama
  • Dijital, İyi Şeyler Podcast
  • E-Ticaret
  • Eğitim
  • Growth hacking
  • İnceleme
  • Kişisel
  • Rehber
  • Reklam
  • Sosyoloji
  • Teknoloji
  • Wordpress

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 familyFont familyTanım
SerifTimes New Roman
Georgia
Serif fontlar karakterlerin sona eren kısımlarında çıkıntılara sahiptir.
Sans-serifArial
Verdana
Sans’ın anlamı onsuz, yani şerifsiz(tırnaksız/çıkıntısız) anlamındadır.
MonospaceCourier 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.

Buradan resmin büyük hallerini görebilirsiniz tıklayarak. Ya da resimler menüsü için resime bir defa tıklayın sonra tekrar tıkladığınızda orjinal boyutları ile açılacaklardır.

Photoshop’u açıyoruz. (üst fotodan itibaren)Ardından ctrl+o ile ya da üst menüden File>Open yolu izlenerek üzerinde işlem yapmayı istediğimiz dosyayı çağırıyoruz. Ve resim photoshop’un çalışma sahnesinde yerini alıyor. Ardından;

 

Image>Image Size yolu ile ya da ALT+CTRL+I ‘ya basarak(Bu basış yöntemi ilk önce Alt’a basılı tutarak ve bırakmadan ctrl’ye onları da bırakmadan I’ya basarak tamamlanır.) işlem gerçekleştirilir. Böylelikle resmimizi boyutlandırmak için bir menü çıkacak karşımıza. Ardından;

Menüdeki ilk kısım pixel dimensions piksel boyutu yani belirtilmiş ilk önce. Böylelikle resimin ne kadar boyuta sahip olduğunu öğrenebiliriz. Resimin boyutu en boy olarak ne kadar değişirse piksel boyutu da o kadar değişir. Yalnız resim düşük boyutlu piksele sahip iken büyütür iseniz resim bozulmaya uğrayabilir. Ama küçültmekte sorun yaşamazsınız. Resmin boyutu piksel olarak çok fazla ise bir raddeye kadar büyültmeniz resme zarar vermez tabi.

Bu resimde ben küçültme yapacağım. Siz de ihtiyacınız oranında Width ve Height değerlerini değiştirebilirsiniz. Ama bu da resmin tuhaf görünmesine neden olduysa Bu menünün altındaki kutucuklarda Constrain işaretli değil ise işaretleyin. Zaten işaretli olarak geldi ise, width ve height’ın hemen yanında, iki oranı da sabitlediğini ifade eden bir kilit resmi olur. Bu sayede genişliği 800 yaptığınızda bozulmayı azaltmak için orjinal resmin en*boy oranını koruyarak yüksekliği de otomatik olarak ayarlar.