Tự động tải phông chữ google sau khi trang đã tải

Question

Tôi muốn có thể cho người dùng chọn phông chữ họ muốn trang được hiển thị. Here là cách Google khuyên bạn nên làm điều đó bằng JavaScript.

WebFontConfig = { 
    google: { 
     families: ['Tangerine', 'Cantarell'] 
    } 
}; 

(function() { 
     var wf = document.createElement('script'); 
     wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + 
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; 
     wf.type = 'text/javascript'; 
     wf.async = 'true'; 
     var s = document.getElementsByTagName('script')[0]; 
     s.parentNode.insertBefore(wf, s); 
     })(); 

Làm cách nào để tôi có thể chỉnh sửa phông chữ sau khi tải trang?

Answer 1

Kiểm tra ra lệnh WebFont.load trong repo github này:

https://github.com/typekit/webfontloader

Bạn có thể tải bất cứ font bạn muốn tự động:

<script src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script> 
    <script> 
     WebFont.load({ 
        google: { 
          families: ['Droid Sans', 'Droid Serif'] 
        } 
     }); 
    </script>