javascript - 使用 Jquery 错误地切换样式表

标签 javascript jquery css styles webfonts

我一直在使用 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 提供。

有人知道为什么吗？

最佳答案

尝试一下: 将“字体系列”放在 <style> 中在 <head> 中标记并将其从所有样式表中删除。

你可以测试!important也是。

关于javascript - 使用 Jquery 错误地切换样式表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17408861/