MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
SvMedeT avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

Font Özellikleri


Sponsor Reklam
media venus

Çevrimdışı SvMedeT
 Tarih: 23-10-2012, Saat:11:47
(Son Düzenleme: 23-10-2012, Saat:15:54, Düzenleyen: S.G.)
#1
Font özellikleri sayfalarımızdaki metinlerin font ailesini, kalınlık ayarlarını,boyutunu, büyük-küçük harf olmasını ve stilini değiştirmemizi sağlar. CSS fontlar üzerinde tam hakimolmamızı sağlar.

Sağ Ok color
Sağ Ok font-family
Sağ Ok font-size
Sağ Ok font-weight
Sağ Ok font-style
Sağ Ok font-variant
Sağ Ok font


color

Yapısı color: **Aldığı Değerler :**<[renk][]> | inherit **Başlangıç değeri:**web tarayıcısı belirler **Uygulanabilen elementler:** tüm elementler **Kalıtsallık:** Var

color metinlerimizin rengini tanımlamamız için kullanılır.

PHP Kod:
pcolor:#f00; /* kırmızı renk kodu */ } 

Tarayıcı Uyumu Internet Explorer+ Firefox+ Chrome+ Safari+ Opera+ W3C's CSS Level 1+

font-family

Yapısı font-family : [[ | ],]* [ | ] | inherit **Aldığı Değerler :** - herhangi bir font ailesi ismi kullanılabilir. - **serif** (*örn:* Times) - **sans-serif** (*örn:* Arial or Helvetica) - **cursive** (*örn:* Zapf-Chancery) - **fantasy** (*örn:* Western) - **monospace** (*örn:* Courier) **Başlangıç değeri:**web tarayıcısı belirler **Uygulanabilen elementler:** tüm elementler **Kalıtsallık:** Var

Metinlerin kullanılacağı font ailesini belirlemek için kullanılır. Birden fazla fontailesi kullanılacaksa aralarına virgül (,) konur. Genelde son font ailesiolarak soysal font ailesi yazılır. Örnek:

PHP Kod:
font-familyVerdanaArialHelvetica

sans-serif; }

Eğer font ismi bir den fazla kelimeden olşuyorsa çift tırnak içine alınır.Örn:

PHP Kod:
h1 font-familyGeorgia"Times New 

Roman", serif; }

Tarayıcı Uyumu Internet Explorer+ Firefox+ Chrome+ Safari+ Opera+ W3C's CSS Level 1+

font-size

Yapısı **font-size: | | <[uzunluk][renk]> | <[yüzde][renk]> **Aldığı Değerler :** - - xx-small | x-small | small | medium | large | x-large | xx-large - - larger | smaller - [][renk] - [][renk] (üst elementlere(ebveyn) bağlı olarak) **Başlangıç değeri:**medium **Uygulanabilen elementler:** tüm elementler **Kalıtsallık:** Var

CSS, Font boyutlandırmaya daha esnek tanımlama yapmamızı olanak sağladı. Mesela 11px değeri HTML'de2 ve 3 değeri arasında bir değer denk geliyor ve HTML font elementi ile birlikte kullanılamıyordu.CSS'de font boyutunu belirlemek için bir çok birim kullanılır. Örn: px, em,pt, in, cm vd. :::css td { font-size :12px; } td { font-size : 150%; } td { font-size : xx-small; } td { font-size : x-large; }

Tarayıcı Uyumu Internet Explorer+ Firefox+ Chrome+ Safari+ Opera+ W3C's CSS Level 1+

font-weight

Yapısı font-weight: **Aldığı Değerler :**normal | **bold** | **bolder** | lighter | 100 | 200 | 300 | 400 | 500 | **600** | **700** | **800** | **900** **Başlangıç değeri:**normal **Uygulanabilen elementler:** tüm elementler **Kalıtsallık:** Var

Fontun kalınlık incelik durumunu belirler. 100(ince)-900(kalın) arasında bir değer alabildiği gibi bold, bolder ve normal değerlerini de alır.

PHP Kod:
pfont-weightbolder; } 

Tarayıcı Uyumu Internet Explorer+ Firefox+ Chrome+ Safari+ Opera+ W3C's CSS Level 1+

font-style

Yapısı ont-style: **Aldığı Değerler :** normal | italic | oblique | inherit **Başlangıç değeri:**normal **Uygulanabilen elementler:** tüm elementler **Kalıtsallık:** Var

Fontun eğik(italiktik) olup olamamasını belirler.

PHP Kod:
font-styleitalic; } h4font-style

oblique; }

Tarayıcı Uyumu Internet Explorer+ Firefox+ Chrome+ Safari+ Opera+ W3C's CSS Level 1+

font-variant

Yapısı font-variant: **Aldığı Değerler :**normal | small-caps | inherit **Başlangıç değeri:**normal **Uygulanabilen elementler:** tüm elementler **Kalıtsallık:** Var

Metnin küçü-büyük harf ile gösterilmesini belirler. İki değer alır. normal | small-caps.

PHP Kod:
span font-variantsmall-caps; } 

Tarayıcı Uyumu Internet Explorer+ Firefox+ Chrome+ Safari+ Opera+ W3C's CSS Level 1+

Türkçe karakterlerde sorun çıkardığı unutulmamalı

font

Yukardı anlatılan font özelliklerinin hatta ek olrak line-height değerinide tek sefer de tanımlamak için kullanılır. Bir kısaltmadır.

Yapısı font: **Aldığı Değerler :**[ || || ]? [ / ]? **Başlangıç değeri:**tanımsız **Uygulanabilen elementler:** tüm elementler **Kalıtsallık:** Var

PHP Kod:
h2 fontbold italic 200%/1.2 Verdana

PHP Kod:
HelveticaArialsans-serif; } 

Tarayıcı Uyumu Internet Explorer+ Firefox+ Chrome+ Safari+ Opera+ W3C's CSS Level 1+


Kaynak:
Kod:
http://fatihhayrioglu.com/font-ozellikleri/
Cevapla
Bunu Beğenenler:
Sponsor Reklam
sponsor reklam sponsor reklam

İzinli S.G
 Tarih: 23-10-2012, Saat:15:55
#2
Orjinal kaynak adres ilk mesaja eklenmiştir.
Kod:
http://fatihhayrioglu.com/font-ozellikleri/


Başkasına ait konular için kendi sitenizden kaynak göstermeyin arkadaşlar. Orjinal adreste konu 01 August 2006 yılında açılmış!
Bu arada teşekkürler..
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  CSS Alt Elementler #5 - CSS Linkler ve Özellikleri (CSS Links) rayray93 0 598 25-08-2015, Saat:16:19
Son Yorum: rayray93
  Font Awesome Kullanımı ßyßurak 1 1,737 14-10-2013, Saat:00:47
Son Yorum: SvMedeT



Konuyu Okuyanlar: 1 Ziyaretçi