CSS ile Yeni Font Tanımlama

hep merak etmiştim ama yeterince de araştırmamıştım; farklı fontları sitede nasıl kullanabilirim diye. Bugün twitter’da gezerken birinin konu ile direk alakalı olmayan ama içeriğinde bir yerde font import ettiği bir sistem gördüm ve kodu sizlerle de paylaşayım dedim. Umarım faydası olur sizlere de:

@font-face {
	font-family: 'GoodDogRegular';
	src: url('GoodDog-webfont.eot');
	src: local('‚ò∫'), url('GoodDog-webfont.woff') format('woff'),
url('GoodDog-webfont.ttf')
	format('truetype'), url('GoodDog-webfont.svg#webfont')
format('svg');
	font-weight: normal;
	font-style: normal;
}

bu da kullanımı

.stickyNote h1{
	font-size: 100px;
	font-family: GoodDogRegular, Helvetica, sans-serif;
}

ilginç bir durum hemen denemek lazım…

Herkesle Paylaşın:
  • Print
  • del.icio.us
  • Facebook
  • email
  • FriendFeed
  • Identi.ca
  • LinkedIn
  • MySpace
  • PDF
  • StumbleUpon
  • Twitter
You can leave a response, or trackback from your own site.

Leave a Reply

Powered by WordPress | Designed by: free Drupal themes | Thanks to hostgator coupon and cheap hosting