BT ifade

CSS bu yıl 10 yıl varlığını tamamlandı! CSS kullanarak kendi ekmek (veya değil) kazanç, bir süredir edenler, o zaman biz yazı iyi bir seçim için açlıktan edilmiştir nasıl farkında olabilir. Hatta yazı eksikliği ile de bu gibi tasarımcıların CSS Zen Garden kendi tasarımları bazı adalet yapmanın peşinde fontları değiştirmek için CSS arka plan görüntülerinin kullanımı yaptık. Ayrıca Flash / JavaScript ® kesmek tasarım hedeflerine ulaşmak için çalıştık. Hiçbir şekilde bu bizim web tasarımları içine arzu yazı almak için yanlış bir yoldur, ama kesinlikle, bu en çok arzu edilen bir yol değildir. ve yıllar içinde web tasarımcısı, benim gibi, tamamen kendi tasarımları için on kadar yazı yararlanmıştır.

Web standartları ve yazı biçimleri son gelişmeleri aynı eski varsayılan yazı tipleri dışında yazı HTML metni oluşturmak mümkün kılar. "@ Font yüzü" CSS izleyen zamanlarda geliyor.

@ Font yüzü gerçek yazı dosyaya bağlantı ve web onu almak için bir çözüm provids. @ Font yüzü kullanarak, tasarımcılar arka plan görüntüleri gibi metin dondurmak zorunda kalmadan yazı tiplerini kullanabilirsiniz. Uygulanması, çok yalındır aşağıda gösterildiği gibi değil, bütün iyi şeyleri ona bir CON parçası olduğu gibi, TÜM tarayıcılar tek bir "yazı türü" destekler. Eğer çapraz tarayıcı desteği gerektiren sitesinde @ font yüzü kullanmayı planlıyorsanız, o zaman aynı çeşitli yazı türleri kaynaklardan sağlamak zorunda olacak.

1. TrueType - ekranda iyi bakmak için tasarlanmış bir biçimi. Özellikle Windows tarayıcıları (Krom) için önerilir.
2. OpenType (CFF) - Bu format baskı çalışması için daha iyidir ve her zaman Windows üzerinde iyi görünmüyor.
3. EOT - Internet Explorer hedeflemek istiyorsanız bu format gerekir. IE herhangi bir diğer biçimde kullanmaz. Bizim EOT Kullanıcı onlar ne sıkıştırılmış ne de çünkü etki alanı sınırlı "Lite" olarak düşünülebilir.
4. SVG - Bu iPhone dahil olmak üzere bazı web tarayıcıları tarafından desteklenen bir XML formatıdır.
5. ATKI - Bu çapraz tarayıcı, web sadece yazı biçimi (font verileri sıkıştırılmış zip olan) hafif ve TrueType ya da haşiye (CFF) özetliyor biriyle derlenebilir. Şu anda Firefox 3.6 tarafından desteklenen +.

@ Font yüzü kullanma

  @ Font-face {
 font-family: 'CalligraphyFLFRegular';
 src: url ('CalligraphyFLF.eot');
 src: local ('CalligraphyFLF'), yerel ('CalligraphyFLF'), url ('CalligraphyFLF.woff') formatında ('ATKI'), url ('CalligraphyFLF.ttf') formatında ('truetype'), url ('CalligraphyFLF . svg # CalligraphyFLF ') formatında (' svg ');
 }
 @ Font-face {
   font-family: "Senin yazı";
   src: url ("yazı / font_filename.eot");
   src: local ("Alternatif isim"), yerel ("Alternatename"),
     url ("yazı / font_filename.woff") formatında ("ATKI"),
     url ("yazı / font_filename.otf") formatında ("açıştürü"),
     url ("yazı / # font_filename font_filename.svg") formatında ("svg");
   }
 h2 {font-family: "Senin yazı", Gürcistan, serif;} 

Eğer, yukarıdaki örnekte görebilirsiniz seçilen yazı yazı dahil olarak, bir aynı yazı için fonttypes bir dizi bağlamak için vardır. Bu nedenle insanlar "Yazı Takımı" olarak bakın.
Açıkça Son Kullanıcı Lisans Anlaşması (EULA) altında için CSS @ font-face özelliği ile bağlantı sağlayan edinilebilir Yazı Kitleri vardır.

Faydalı yazıtipinin Kaynaklar:

• @ Font-face gömme kullanılabilir Fontlar az wiki sayfası http://webfonts.info/wiki/index.php?title=Main_Page
  
• Ray Larabie . O web'de kullanmak için serbestçe kullanılabilir ilginç TrueType yazı tipleri yüzlerce yaptı tanınmış bir yazı tipi tasarımcısı. Onun yazı, zarif dekoratif ve eğlenceli vardır.
• Dieter Steffmann başka büyük font tasarımcısı olduğunu. O da kullanmak herkes için pek çok güzel yazı yaptı.
• Yazı dükkanı : Web kullanımı için özel olarak tasarlanmış yazı tipleri sunuyor. En başarılı FontFont ailelerin 30'dan fazla artık Web FontFonts olarak mevcuttur. FontShop da ayrıntılı bir yazıtipinin kullanıcı kılavuzuna sahiptir http://www.fontshop.com/blog/newsletters/pdf/webfontfontuserguide.pdf
  
• Yazı Sincap : Font Sincap @ font-face CSS gömme kullanım için sunduğu tüm yazı tiplerini müzedir. Yazı Sincap, tipi, etkileyici bir miktar sunuyor birini almak için basit bir ölü yapar ve hiç zorlanmadan "kitleri" sunuyor - seçtiğiniz yazı tipi, çeşitli biçimlerde, demo HTML ve CSS ile paketlenmiş çok güncel @ font-face sözdizimi kullanır . Onlar da bir yol sunuyoruz kendi @ font-face kitleri olun . Kullanmak istediğiniz yazı (bilgisayarınızla birlikte gelen olanları mutlaka tamam değildir) uygun lisanslı olması durumunda, jeneratör EOT, SVG, ve hey! Üretir ATKI dosyaları.