我正在尝试更改网站的默认字体。我编辑了css文件并更改了字体。一切正常。导航菜单字体除外。它没有变化。它设置为默认“”Trebuchet MS“,Arial,Helvetica,sans-serif”font。
.sf-menu > li > a {
font: bold 21px/66px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333333;
}
我可以在这里更改字体..但我面临的问题是,此代码指向(索引):67(当我在chrome中检查元素时)。哪里可以找到这段代码?我必须编辑哪个文件。
屏幕截图 - > http://i39.tinypic.com/2rzqcld.png
在css文件中 main_style.css ,
.sf-menu > li > a {
padding:0 28px;
border:none;
color:#323232;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
我无法找到有关此字体系列的任何信息。即使我在这里添加字体,它也不会改变导航菜单的字体系列。如果我添加其他属性,如背景颜色正常,只有字体属性不起作用。
如何解决这个问题?
答案 0 :(得分:1)
您可以创建自己的自定义类,并为fonts属性提供“!important”标记,并将该类应用于菜单。这样只会使字体属性被覆盖。
例如:
{
font-size: 14px !important;
font: "Your Own Fonts", Arial, Helvetica, sans-serif !important;
}
您可以在此处详细了解: http://coding.smashingmagazine.com/2010/11/02/the-important-css-declaration-how-and-when-to-use-it/