Haftanın Fragmanı

Bu hafta oyun tanıtım rehberlerimiz başlıyor .Dreamweaver,PhotoShop vb. Derslerimizin videoları paylaşıma açılacak.Yazarlarımızdan gelen video,köşe yazısı gibi içerikleri sitemizde derleyip yayınlıyoruz.Sitemizde Yayın yapmak isteyenler Bizlerle iletişime Geçsinler.

Opencore | Açık Çekirdek Platformu

@font-face kullanımı

 @Font-face kullanımı

@Font-face kullanımı

 Öncelikli olarak, css3 hakkında çok fazla ileri düzey Türkçe kaynak olmamasından dolayı bu makaleyi yazmayı kendime görev bildim. CSS3’ü insanlar font-face ya da garip şekiller yapmaktan ibaret sansa da css3 gerçekten tasarım kalitelisini çok yukarılara çeken bir kodlama yapısıdır.


Öncelikle font-face nedir bunu bi anlatmak istiyorum. font-face web tasarımcıların standart fontların (Arial, Tahoma, Times New Roman gibi) esaretinden kurtulmak için geliştirildi. Özellikle photoshopta tasarımları yaparken bu fontları kullanmaya özen gösteriliyordu ki tasarım css’e dökülürken problem yaşanmasın. Ancak css3’ün yeni özelliği olan font-face sistemi ile istediğimiz fontu kullanabileceğiz.

Öncelikli olarak font-face mantığı istediğiniz fontun url’sinin verilmesiyle çalışıyor. Şu şekilde özetleyecek olursak;

@font-face
{
font-family: Gentium;
src: url(http://website/fonts/Gentium.ttf);
}
p
{
font-family: Gentium, serif;
}

font tanımlaması bu şekilde halledilir. Burada yaptığımız şey öncelikli olarak fontu tanımlamak ve daha sonrasında o fontu kullanacağımız bölümlerde çağırmak.

 






Bu sayfa hakkında yorum ekle:
İsminiz:
Siteniz:
Mesajın:


=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=