javascript - Jquery を使用してスタイルシートを誤って切り替える

Question

jquery を使用してスタイルシートを切り替えています。これは私のコードです:

$(function(){

         $(".a").click(function() {
         $("link[rel=stylesheet]").attr({href : "/styles/black.css"});
         });

         $(".b").click(function() {
         $("link[rel=stylesheet]").attr({href : "/styles/white.css"});
         });

         $(".c").click(function() {
         $("link[rel=stylesheet]").attr({href : "/styles/grey.css"});
         });

ただし、スタイルシートを切り替えると、デフォルトのフォントが変更されます。デフォルトのフォントはすべてのスタイルシートで同じですが。フォントは Typekit から提供されています。

誰かが理由を知っていますか？