2010-05-21 41 views
6

Çevrimdışı bir HTML5 test uygulaması oluşturmaya çalışıyorum ve aynı anda yeni google font api ile oynuyorum. Uzak yazı tiplerini nasıl önbelleğe alacağına dair herhangi bir fikri var mı? Sadece api çağrısını önbellek bildirimine koymak işe yaramazsa, bunun api'nin aslında başka dosyaları (ttf, eot, vb.) Yüklediği için varsayıyorum.HTML5 çevrimdışı önbellek google font api

Font api çevrimdışı kullanılıyorsa herhangi bir fikir mümkün olabilir mi? Başvuru için

bu Yaptığım çağrısıdır:

http://fonts.googleapis.com/css?family=IM+Fell+English|Molengo|Reenie+Beanie 

cevap

5

tarayıcı adres çubuğuna URL CSS bağlantıları dosyaları görürsünüz yapıştırırsanız:

http://themes.googleusercontent.com/font?kit=txVk61PTIsDrQQj2fK-76Q 
http://themes.googleusercontent.com/font?kit=ljpKc6CdXusL1cnGUSamX_cCQibwlboQP4eCflnqtq0 
http://themes.googleusercontent.com/font?kit=xwIisCqGFi8pff-oa9uSVOj-KzHqS7w8OFmqoAXdQwE 
+3

Ama dikkatli olmalısın. Google, sizden talep ettiğiniz işletim sistemine bağlı olarak farklı yazı tipi dosyaları verir. Bu nedenle, tüm işletim sistemi dosyalarına –

+1

Gerçekten de tüm yazı tipi dosyalarını eklemelisiniz. Tüm dosya uzantılarını önbelleğe almanın bir yolu, bu stackoverflow sorusunda açıklanmıştır: http://stackoverflow.com/questions/7042834/is-it-possible-to-load-webfonts-through-the-offline-storage-cache-manifest –

6

Robertc en yaklaşım çözüm ...

Yani, google tarafından sağlanan bağlantıyı tarayıcınıza yapıştırın ve ardından bildiriminize gönderilen dosyaları ekleyin. (Off-line veya değil) önbelleğe benim durumumda

Ben, sahip çalışmak için yazı almak için sadece aşağıdaki stil tanımı Yani

@font-face { 
    font-family: 'Patua One'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Patua One'), local('PatuaOne-Regular'), url('http://themes.googleusercontent.com/static/fonts/patuaone/v3/yAXhog6uK3bd3OwBILv_SD8E0i7KZn-EPnyo3HZu7kw.woff') format('woff'); 
} 

oluşur

<link href='http://fonts.googleapis.com/css?family=Patua+One' rel='stylesheet' type='text/css'> 

başvurulan manifestinize 'src' de atıfta bulunulan URL'yi eklemek için.