原来的大小经常不能区分加粗和3级(及更小的)标题。
这是我习惯的标题字体大小。
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Lucida Grande", "Corbel", sans-serif;
font-weight: normal;
clear: both;
-ms-word-wrap: break-word;
word-wrap: break-word;
margin: 0;
padding: 0;
color: #DEDEDE
}
h1 {
font-size: 4rem;
/* 36px */
line-height: 4.3rem;
/* 40px */
margin-bottom: 1.5rem;
/* 24px */
letter-spacing: -1.5px;
text-align: center;
}
h2 {
font-size: 2.43rem;
/* 24px */
line-height: 2.55rem;
/* 30px */
margin-bottom: 1.5rem;
/* 24px */
letter-spacing: -1px;
font-weight: bold;
}
h3 {
font-size: 2.00rem;
/* 18px */
line-height: 2.10rem;
/* 24px */
margin-bottom: 1.5rem;
/* 24px */
letter-spacing: -1px;
font-weight: bold;
}
h4 {
font-size: 1.80rem;
/* 16px */
line-height: 1.95rem;
/* 22px */
margin-bottom: 1.5rem;
/* 24px */
color: white;
}
h5 {
font-size: 1.30rem;
/* 16px */
line-height: 1.45rem;
/* 22px */
margin-bottom: 1.5rem;
/* 24px */
font-weight: bold;
}
h6 {
font-size: 1.0rem;
/* 16px */
line-height: 1.1rem;
/* 16px */
margin-bottom: 0.75rem;
color: white;
}