ここでライブデモを見ることができます。
問題は次のh3
とtitle-azul mas-grande
です。
h3{
color:#109de9;
font-size:28px;
margin-bottom:15px;
margin-top:15px;
}
と
.title-azul{
color:#109de9;
font-size:20px;
margin-bottom:6px;
}
.mas-grande{
font-size:28px;
margin-bottom:15px;
margin-top:15px;
}
私が知る限り、同じようにレンダリングする必要がありますが、title-azul mas-grande
レンダリングは小さくなります:
font-weight: normal;
クロムの要素を調べると、クラスに表示されないことを除いて、計算されたスタイルはまったく同じですtitle-azul mas-grande
。
-webkit-border-image: none;
border-bottom-color: rgb(16, 157, 233);
border-bottom-style: none;
border-bottom-width: 0px;
border-left-color: rgb(16, 157, 233);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(16, 157, 233);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(16, 157, 233);
border-top-style: none;
border-top-width: 0px;
color: rgb(16, 157, 233);
display: block;
font-family: omnes;
font-size: 28px;
font-weight: normal; #This does not appear when I inspect the div with the class title-azul mas-grande
height: 28px;
line-height: 28px;
margin-bottom: 15px;
margin-left: 0px;
margin-right: 0px;
margin-top: 15px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
vertical-align: baseline;
width: 750px;
望ましいフォントの太さは実際normal
には であるため、これは奇妙ですが、私が見つけた唯一の顕著な違いです。
問題がどこにあるのか特定できますか?