小编Bal*_*lsi的帖子

Open Sans Condensed Light无法在Firefox中运行

我从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?

html css google-font-api

10
推荐指数
2
解决办法
7万
查看次数

在IE7/IE8中创建圆角

我正在创建一个圆角选项卡,在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

9
推荐指数
3
解决办法
3万
查看次数