我从Google Web Fonts下载了Open Sans Condensed Light字体,并附上了他们的CSS代码:
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=greek-ext&v2'
rel='stylesheet' type='text/css'>
Run Code Online (Sandbox Code Playgroud)
但除了Firefox之外的每个浏览器都显示出确切的字体系列,即它在IE,Chrome,Safari中看起来很好,但在Firefox中却看不到.
这是我的CSS和HTML代码:
h2.title-border {
border-bottom: 1px solid #000;
margin-top: 10px;
line-height: 45px;
margin-bottom: 15px;
}
.heading-sub {
background: #000;
font-family: "Open Sans Condensed Light";
font-weight: normal;
text-transform: none;
font-size: 32px;
padding: 0 15px;
margin-bottom: 0px;
color: #fff;
border-bottom: 1px solid #000;
}
Run Code Online (Sandbox Code Playgroud)
HTML:
<h2 class="title-border"><span class="heading-sub">About Us</span></h2>
Run Code Online (Sandbox Code Playgroud)
能否请您建议,我应该如何修复Firefox?
我正在创建一个圆角选项卡,在IE9,Mozilla和Chrome中工作正常,但在IE7/IE8中没有.
这是代码:
<div id="navbar">
<div id="holder">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">News</a></li>
</ul>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
#navbar {}
#holder {
border-bottom:1px solid #000;
overflow:hidden;
}
#navbar #holder ul {
margin:0;
padding:0;
list-style:none;
margin-top:15px;
}
#navbar #holder ul li { }
#navbar #holder ul li a {
text-decoration:none;
float:left;
margin-right:5px;
border:1px solid #000;
padding:15px;
text-align:center;
width:90px;
border-bottom:none;
display:block;
behavior:url(border-radius.htc);
border-radius:5px 5px 0 0;
}
#navbar #holder ul li a:hover {
background:#C09;
color:#fff;
}
Run Code Online (Sandbox Code Playgroud)
你可以告诉我这些代码,以便它适用于IE7/IE8吗?
css internet-explorer rounded-corners internet-explorer-8 internet-explorer-7