使用 Jquery 错误地切换样式表答案

【问题标题】：Using Jquery to switch stylesheets incorrectly使用 Jquery 错误地切换样式表
【发布时间】：2013-06-28 19:59:59
【问题描述】：

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

有人知道为什么吗？

【问题讨论】：

如果你能提供一个很棒的jsfiddle
你是通过 javascipt 还是 css 导入字体？
您应该能够在 Chrome 中使用 Firebug 或 Inspect Element 来查看指定字体的来源（以及为什么它被覆盖，视情况而定）。右键单击字体错误的元素并检查元素，然后查看右侧的 CSS。
我认为问题在于他将字体包含在javascript中，当他更改样式表时，css无法识别包含的字体。非常简单的解决方案是使用 css @import 方法来包含字体。
我在 css 样式表中找到了字体。

标签： javascript jquery css styles webfonts

【解决方案1】：

试试看：将“font-family”放在<head> 中的<style> 标记中，并将其从所有样式表中删除。

你也可以测试!important。

【讨论】：