MyBB Depo Forum
Font Özellikleri - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: Webmaster Deposu (https://mybbdepo.com/webmaster-deposu-forumu)
+--- Forum: Web Tabanlı Kodlama Dilleri (https://mybbdepo.com/web-tabanli-kodlama-dilleri-forumu)
+---- Forum: Css (https://mybbdepo.com/css-forumu)
+---- Konu Başlığı: Font Özellikleri (/font-ozellikleri-konusu.html)

Font Özellikleri - SvMedeT - 23-10-2012

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:
p{ color:#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:
p { font-family: Verdana, Arial, Helvetica, 

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-family: Georgia, "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:
p{ font-weight: bolder; } 

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:
p { font-style: italic; } h4{ font-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-variant: small-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 { font: bold italic 200%/1.2 Verdana, 

PHP Kod:
Helvetica, Arial, sans-serif; } 

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


Kaynak:
Kod:
http://fatihhayrioglu.com/font-ozellikleri/

Font Özellikleri - S.G - 23-10-2012

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..