【问题标题】:Font-family property on <nav><nav> 上的字体系列属性
【发布时间】:2021-10-26 15:15:19
【问题描述】:

好的,我尝试更改

这是html:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="css.css" media="screen">
    <title>One Piece | Petualangan Tiada Akhir</title>
</head>
<body>
    <div>
        <header>
            <hgroup>
                <h1>One Piece : Petualangan Tiada Akhir</h1>
                <h2>Luffy dan Kawan-Kawan Mugiwara Pirates</h2>
            </hgroup>
            <nav>
                <ul>
                    <li><a href="#">beranda</a></li>
                    <li><a href="#">daftar isi</a></li>
                    <li><a href="#">kontak</a></li>
                    <li><a href="#">profil</a></li>
                    <li><a href="#">privacy</a></li>
                    <li><a href="#">disclaimer</a></li>
                </ul>
            </nav>
        </header>
        <section>
          <h2>Section</h2>
        </section>
        <footer>
           <small>&copy; Contoh Makalah Mahasiswa Font: Oswald, Source Sans Pro Powered by Blogger Template by :]</small>
        </footer>
   </div>
</body>
</html>

现在是 CSS:

*{
  font-family:calibri;
  margin:0px;
  padding:0px;
}

header{
  padding:10px;
  margin-left:auto;
  margin-right:auto;
  background-color:#0fcdcf;
}

header h1{
  text-transform:uppercase;
  font-size:2.5em;
  font-family:Imprint MT Shadow;
}

header h2{
  font-size:1.5em;
  font-family:Giddyup Std;
}

nav{
  padding-top:10px;
  text-transform:uppercase;
  font-size:0.9em;
  font-family:times new roman;
  font-weight:bold;
  font-style:normal;
 }

nav li{
  list-style-type:none;
  margin-right:5px;
  display:inline;
}

body{
  background-color:#d7d5e0;
}   

div{
  width:80%;    
  margin-left:auto;
  margin-right:auto;
  box-shadow:10px 5px 10px #888888;
}

section{
  padding:10px;
  margin-left:auto;
  margin-right:auto;
  background-color:white;
}

footer{
  padding:10px;
  margin-left:auto;
  margin-right:auto;
  background-color:white;
}

提前致谢。

【问题讨论】:

  • 提供您的代码会有很大帮助。
  • 您需要阅读有关 css 特异性的信息:google.com/…
  • 您是否尝试过引用字体名称,例如font-family: "Times New Roman", serif;?
  • 这没有意义。
  • 我会再试一次 :-) 您是否尝试过在字体名称周围加上引号,例如font-family: "Times New Roman";。此外,您在哪些浏览器中进行测试?

标签: html


【解决方案1】:

要使上面的示例正常工作,请选择一个标签并更改其工作的字体名称,我想应用字体系列,该元素中应该存在一些文本

nav li a{
    font-family:arial;
}

【讨论】:

    【解决方案2】:

    您应该展示您的代码。 无论如何,这应该工作:

    <nav style="font-family: xxx;">
    

    【讨论】:

      猜你喜欢
      • 2018-07-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2010-12-03
      • 2010-11-18
      • 1970-01-01
      相关资源
      最近更新 更多