我有以下HTML

  

  

  
  
  
  
  






Hello

和css链接如下

body{
    font-size: small;

}
h1.hidden
{
    font-family: 'Herr Von Muellerhoff', cursive;
}

当.hidden附加到h1,字体不会改变,但没有.hidden字体将更改为谷歌加载字体,为什么会这样？不确定这段代码是否重要,但这是链接到html文件的Javascript:

$(document).ready(function(){

    $(document).ready(function () {
    $('h1.hidden').fadeIn(5000).removeClass('hidden');
});

});

Jon.. 5

您的代码会hidden 立即删除该类,而不是在淡入淡出完成后删除.所以,最有可能的是你没有机会看到CSS在行动.

要在淡入淡出完成后删除该类,请使用

$('h1.hidden').fadeIn(5000, function() { $(this).removeClass('hidden') });

最后,你真的不需要$(document).ready在另一个内部嵌套.

您的代码会hidden 立即删除该类,而不是在淡入淡出完成后删除.所以,最有可能的是你没有机会看到CSS在行动.

要在淡入淡出完成后删除该类,请使用

$('h1.hidden').fadeIn(5000, function() { $(this).removeClass('hidden') });

最后,你真的不需要$(document).ready在另一个内部嵌套.