我无法在 codrops 下拉菜单上更改字体系列答案

【问题标题】：I can't change font-family on codrops dropdown menu我无法在 codrops 下拉菜单上更改字体系列
【发布时间】：2016-03-09 21:01:12
【问题描述】：

关于Tympanus Codrops Dropdown Menu - SimpleDropDownEffects

我无法更改字体系列（我使用 Icomoon 作为图标，这很有效，但我无法按照我想要的方式格式化我的文本）。

奇怪的是我可以设置 .cd-dropdown ul li span 的字体大小、字体样式、粗细和颜色，但不能设置字体系列（即：Arial、Trebuchet、等）保留在 TimesNewRoman 中。我确定我要使用的字体被正确包含等等。我不知道问题出在哪里..

谢谢

【问题讨论】：

到目前为止你尝试过什么？更改字体系列应该不是问题。在他们的现场演示中为我工作：dropdown ul li span { font-family: Impact; }
嗨，我什么都试过了...奇怪的是我可以为我的 .cd-dropdown ul li span 设置字体大小、字体样式、颜色等，但不能设置字体留在 TimesNewRoman 中的家庭（即：Arial）。我确定我要使用的字体已正确包含等。我不知道问题出在哪里。谢谢；我使用他们的 style6.css

标签： jquery html css icons text-formatting

【解决方案1】：

body {
background: #f4f4f4 url("../images/grid_DominikKiss_SubtlePatterns.jpg") repeat scroll 0 0;
color: #333;
font-family: "Lato",Calibri,Arial,sans-serif;
font-size: 15px;
font-weight: 300;
overflow-x: hidden;
overflow-y: scroll;

}

他们的字体声明来自 body 标签，看看更改是否有帮助。

【讨论】：

您好，感谢您的回答。我已经尝试过了，以及直接在 body、select、#select、li 等以及他们和我的样式表中的任何地方传递 font-family，无助。我可能会遗漏一些东西，但是什么和在哪里？谢谢

【解决方案2】：

从正文中删除字体大小并在 .cd-dropdown ul li

上声明您想要的任何内容

作为一个例子（你的代码）：

.cd-dropdown ul li {

     font-size: 4vw;
        z-index: 1002;
        top: 130px;
        left: 0px;
        margin-left: 0px;
        opacity: 1;
        transform: none;
        transition: all 300ms ease;
        width: 300px;

}

【讨论】：