在css文件中我有这段代码
mainTitle.abc {
text-align: center;
font-family:"Babylon5 Hollow";
color: #93ff00;
font-size: 50px;
font-weight: bolder;
}
在我的html文件中我使用它:
<body>
<div style="text-align: center;">
<mainTitle class="abc">The Web is the future</mainTitle>
</div>
</body>
IE11以预定义格式显示预期文本,但Safari不会以所需格式显示文本。我做错了什么?
答案 0 :(得分:1)
据我所知,没有名为<mainTitle>
的标签,因此这适用于较新的浏览器,但不适用于较早的浏览器,如Safari 4.1.x
尝试将它们更改为相应的标题(<h1>...<h6>
),我猜你想要<h1>
,所以请使用此代码
<body>
<div>
<h1 class="abc">The Web is the future</mainTitle>
</div>
在你的CSS中
h1.abc{
text-align: center;
font-family:"Babylon5 Hollow";
color: #93ff00;
font-size: 50px;
font-weight: bolder;
}