Ruby on Rails projesinde fontlar çok fazla zaman alıyor

Question

Rails projem var ve /assets/fonts klasöründe iki yazı tipi kullanıyorum.

@font-face { 
    font-family: FuturaStd-Light; 
    src: url("/assets/fonts/FuturaStd-Light.otf"); 
} 

@font-face { 
    font-family: HelveticaNeue; 
    src: url("/assets/fonts//HelveticaNeue.dfont"); 
} 

Yazı tipleri çok büyük dosyalar (özellikle ikinci olan) ve bunları yüklemek sonsuza dek sürüyor. Ve her sayfada metin her şeyden sonra görünür.

Yazı tiplerini yüklemenin daha iyi bir yolu var mı? Onları önbelleğe almanın bir yolu var mı? Herhangi bir fikir?

Answer 1

@ font-face harika bir tekniktir, ancak büyük font dosyaları kesinlikle sitenizi yavaşlatacaktır. fontsquirrel gibi bir hizmeti kullanarak yazı tipi dosyaları optimize

• CDN
• üzerinde google fonts veya typekit
• ev sahibi gibi yazı tipi dosyaları bir yazı-barındırma hizmeti kullanmak: Bu mücadele için kullanabileceğiniz birçok teknik vardır dikkat etmek özellikle

bir şey sizin biçembentten önce bir SCRIPT eleman varsa IE tüm sayfanın oluşturulma bloke edecektir. Bu nedenle, tüm stil sayfası bağlantılarınızın, yüklediğiniz herhangi bir javascript dosyasının üstünde olduğundan emin olun.

fazla okuma: Scott'a katılıyorum

• Web Font Performance: Weighing @font-face Options and Alternatives
• @font-face and performance
• fighting the FOUT

Answer 2

, @ font-face sitenizi yavaşlatabilir ve böylece hedeflerinize bağlı olabilir sen olabilir google yazı tipleri, typekit veya başka bir çevrimiçi font sağlayıcısı ile gitmek istiyorum. Şu anda üzerinde çalıştığım bir proje için google yazı tiplerini seçtim. Yapmanız gereken tek şey için pasajı google web fontları eklemek aşağıdadır sizin applications.html.erb için: o zaman

<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic' rel='stylesheet' type='text/css'> 

Ve css dosyasına ekleyin:

h1 { 
    font-family: "PT Sans", Arial, Helvetica, sans-serif; 
}