2011-01-12 31 views
21

Web sitem, bilgisayarların yaklaşık yarısının düzgün okuyabileceği oldukça belirsiz bir yazı tipi kullanıyor. Yazı tipi "Lucida Console". Bu yazı tipini okuyamayan bilgisayarlarda, çirkin Times New Roman görüntüleniyorlar, web sitemin yazı tipini Lucida Console'a ayarlamanın bir yolu var, ancak okuyamayan bilgisayarlarda bunun yerine Arial'i görüyor musunuz? CSS'yi kullanma.CSS: Geri dönüş fontları

+3

Sözünü ettiğiniz bu “oldukça belirsiz yazı tipi”? Windows'un her kopyasına dahil edilmiştir. –

+0

neden sadece bazı bilgisayarlarda (tüm pencereler) görüntüleniyor emin değilim – dukevin

+0

Hatam, yazı tipi adı "ocr a std" – dukevin

cevap

45

Birden fontları belirtebilirsiniz: bu bir benzeri ikinci mevcut değildir ve eğer

p{font-family:"Times New Roman", Times, serif;} 

tarayıcı, ilkini çalışacağız. Sonunda, aile serifini kullanır, böylece tarayıcı herhangi bir serif yazı tipini seçer. Monospace ailesini kullanmalısınız.

Yani sizin durumda, böyle somthing istediğini geçerli:

p{font-family:"Lucida Console", "Courier New", monospace;} 
+0

p {font-family: "Lucida Console", "Courier New", monospace;} Yani, buradaki hak Lucida Console'u seçiyor, ancak eğer mevcut değilse Courier New'a geri dönüyor? Ayrıca, monospace ekleyerek ne bana aydınlatmak için bakım? – dukevin

+2

@Kevin: Önceki fontlardan hiçbiri mevcut değilse, sistemin varsayılan monospace fontlarına geri dönmek demektir. Ancak, bu özelliği özenle kullanın (okuyun: hiç de değil) çünkü Safari, yazı tipi stilini uyarlamak için bir ipucu olarak kullanacak ve daha küçük hale getirecektir. Ve sabit bir yazı tipi boyutu belirlemeden bunu engellemenin neredeyse hiçbir yolu yoktur (bu, son derece kötü bir stildir ve sizi doğrudan Dante'nin Limbo'suna yönlendirecektir). –

+0

@Rudolph, çok güzel bilgi. Başka bir soru: font ailesine sahip olmak: "ocr a std", "Lucida Console", "Courier New", monospace; bu 3 yedek yazı tipi olacak mı? – dukevin

4

Ayrıca sunabileceğini web sitesi ile belirsiz yazı (yasal olarak mümkün ise) @ font-face 'kullanarak. IE6'da bile kolay ve işe yarıyor :). Burada bu konuda

Okuma: http://www.miltonbayer.com/font-face/

+1

Bu iş parçacığı hala etkin olabileceğinden (günde ortalama 6 görüntüleme), yorumunuzu genişletmek ve IE6 için STOP geliştirmeyi söylemek istiyorum;) – Cammy

+0

@cammy Çin pazarı için çalışmadığınız sürece;). Bu arada, cevabımdaki önemli nokta elbette IE6 değil. – kapa

4

Daha ipuçları: yazı belli stilleri amaçlayan yazı önerilen listeler için

  • hakkında css font stack. 'font yığını', bu yazı tipi listeleri için ortak addır.
  • Çapraz platform düşünün. Yaygın olarak Mac, Linux, iOS, Android, Windows ve okuyucularınızın kullanıyor olabileceği diğer platformlarda bulunan yazı tiplerini eklemeyi düşünün.
    • sans-serif
    • serif cursive
    • :
    • daima kullanıcı istediğiniz yazı tiplerinin hiçbiri durumunda da yazı yığının sonunda generic-family adını içerir fantezi
    • monospace
  • Birden çok sözcükle adlandırılmış yazı tiplerinin tırnak içine alın veya yalnızca tüm yazı tipi adlarını belirtin.
İlgili konular