小编Por*_*o80的帖子

这是我的问题：

为了提高我在 Google Speed Insight 上的速度标记，我必须从渲染阻止 Google 字体切换到本地加载的 Google 字体。

到目前为止一切都很好，除了我有一个巨大的问题。

在我以这种方式加载字体之前：

<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Open+Sans+Condensed:300|Ubuntu+Condensed|Ubuntu:300,700" rel="stylesheet">

在我巨大的样式表中，我只是正常地调用它们，例如：

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

但现在，由于我必须下载它们以避免渲染阻塞危险信号，所以我以这种方式调用它们：

@font-face {
    font-family: "Opens Sans";
    src: url("/fonts/OpenSans-Regular.ttf");
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: "Opens Sans";
    src: url("/fonts/OpenSans-Light.ttf");
    font-weight: 300;
}
@font-face {
    font-family: "Opens Sans";
    src: url("/fonts/OpenSans-Bold.ttf");
    font-weight: 600;
}
@font-face {
    font-family: "Opens Sans";
    src: url("/fonts/OpenSans-ExtraBold.ttf");
    font-weight: 700;
}
@font-face {
    font-family: "Opens Sans Condensed";
    src: url("/fonts/OpenSansCondensed-Light.ttf");
    font-weight: 300;
}
@font-face …

我在网上找到的大型下拉菜单有问题。它非常适合我的目的，但有时它的行为很奇怪，并且有闪烁和闪烁的问题。我找到它的链接在这里：http : //bootsnipp.com/snippets/featured/mega-menu-slide-down-on-hover-with-carousel。作者已经知道这个问题，但基本上它可以在移动设备上正常工作，如果它会被隐藏。在桌面版本上，我认为这是一个非常好的主意，我在我建立的网站上使用：http : //napoleon.larchedigitalmedia.com/。

我之前告诉过你的问题是调情，我猜问题出在 jquery 中：

$(".dropdown").hover(            
    function() {
      $('.dropdown-menu', this).not('.in .dropdown-menu').stop(true,true).slideDown("400");
      $(this).toggleClass('open');        
    },
    function() {
      $('.dropdown-menu', this).not('.in .dropdown-menu').stop(true,true).slideUp("400");
      $(this).toggleClass('open');       
    });

我不明白这是引导程序问题（引导程序主要使用大型下拉菜单的 onclick 事件）还是问题出在此代码段中。本质上，类 open 添加（切换）到一个 div 的速度太快了，有时它会同时应用于两个 div。谁能帮我解决这个问题？