html - 文本转换不会像字体一样改变

Question

我这里有一个 WordPress 网站:http://www.iliveaccountable.com/

我想将第一个元素“iLiveAccountable”更改为 CaviarDreams_Italic.ttf 的字体系列，并将文本转换更改为“无”，以便它遵循准确的文本。

我将所有字体放在一个文件夹中，并将此代码添加到我的 style.css 表中，并尝试使用 inspect 元素播放它，因为我只针对导航中的第一个元素:

@font-face {
    font-family: Caviar Dreams;
    src: url(http://www.iliveaccountable.com/wp-content/themes/unicon/fonts/CaviarDreams_Italic.ttf);
    font-weight: normal;
}


li#menu-item-15113{
text-transform: none;
font-family: Caviar Dreams;
}

出于某种原因，我仍然无法更改字体系列和文本转换。知道我在这里做错了什么吗？我真的需要改变它。

Answer 1

尝试使用

#menu-item-15113 a{
text-transform: none;
font-family: Caviar Dreams !important;
}

“a”标签有自己的字体“Montserrat”，这就是为什么您不能仅通过“li”标签更改它们。