HTML5 ẩn bộ nhớ cache google font api

Question

Tôi đang cố gắng tạo một ứng dụng thử nghiệm HTML5 ngoại tuyến và đang phát với api phông chữ google mới cùng một lúc. Có ai có bất kỳ ý tưởng làm thế nào để bộ nhớ cache các phông chữ từ xa? Đơn giản chỉ cần đặt lệnh api trong cache manifest không hoạt động, tôi cho rằng điều này là do api thực sự tải các tệp khác (ttf, eot, v.v.).

Bất kỳ ý tưởng nào nếu sử dụng phông chữ api ngoại tuyến sẽ có thể?

Để tham khảo này là tiếng gọi tôi đang làm:

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

Answer 1

Nếu bạn dán URL vào thanh địa chỉ trình duyệt bạn sẽ thấy các tập tin liên kết CSS để:

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 

Answer 2

Robertc của cách tiếp cận là giải pháp ...

Tức là, Dán liên kết do Google cung cấp vào trình duyệt của bạn và sau đó thêm bất kỳ tệp nào được tham chiếu vào tệp kê khai của bạn.

Trong trường hợp của tôi, tôi tham chiếu

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

mà chỉ bao gồm các định nghĩa kiểu sau

@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'); 
} 

Vì vậy, để có được phông chữ để làm việc khi cache (off-line hay không), bạn có để thêm URL được tham chiếu trong 'src' vào tệp kê khai của bạn.