Jump to content

Google'dan Font Servisi


KemalALKIN
 Share

Recommended Posts

[center][size="3"][color="#000000"][size="5"][color="#FF0000"][b]Google'dan Font Servisi[/b][/color][/size]

Google'ın font servisi sayesinde internette birbirinden güzel fontlara ulaşabileceğiz. Nasıl mı? Google Labs ürünü olan Fonts'un detaylarını yazımızda bulabilirsiniz.
09/05/2011 12:30

Google Labs ürünü olan Fonts servisi, profesyonel, etkileyici ve güzel görünümlü fontları web sitelerinde kullanmak isteyen tasarımcıların ve geliştiricilerin vazgeçilmezi olmaya aday. Google Font API, açık kaynak kodlu bir proje ve her tarayıcıda kullanılabilen yüksek kalitede açık kaynak fontlarını, geliştiricilere zahmetsiz bir şekilde ulaştırmayı amaçlıyor.

Sayısız Font Elinizin Altında

[img]http://static.shiftdelete.net/img/article_new/font1304716877.jpg[/img]

Tüm fontları anında önizleyebiliyoruz

Geliştiricilerin fontlara kolaylıkla ulaşabilmeleri için, Google Font Directory hizmete sokuldu. Sadece fontları görmekle kalmayıp, indirebilir, ön izleyebilir, kullanmak üzere kodunu alabilirsiniz. Proje açık kaynak olduğu için tüm fontları, ticari olan ve olmayan tüm sitelerde özgür bir şekilde kullanabilirsiniz. Değişik fontları seviyorsanız, sitenizin tamamına Google fontlarını, API sayesinde entegre edebilirsiniz.

Entegrasyon İçin Şu Adımları İzleyeceğiz

1. İstenilen fontun ya da fontları stylesheet'e ekleyin.
Örn. http://fonts.googleapis.com/css?family=Font+Adı”>

2. Fontu kullanmak için CSS tanımlamaları yapın
Örn. h1 { font-family: 'Font Adı', arial, serif; }

ya da

3. Satır içinde kullanın.
Örn. Font Adı‘, serif;”>Örnek yazı

Daha Gelişmiş Yöntemler

@import ile ekleyebilirsiniz.
Örn. @import url(http://fonts.googleapis.com/css?family=Font+Adı)

ya da

Java ile ekleyebiliriz.

Ayrıntılı bilgiye Google Font Directory'den ; [quote]http://www.google.com/webfonts[/quote] ulaşabilirsiniz.

Örnek Bir Çalışma

[img]http://static.shiftdelete.net/img/article_new/font%20test1304720372.jpg[/img]

Sitenizde farklı fontlar kullanılması işte bu kadar kolay

KAYNAK: SDN[/color][/size][/center]
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...