如果使用的字体太大(实际上太宽),我的主导航布局将无法正确移动。
字体系列中的第一个字体在特定字体中看起来很棒,但是第二种字体(如果它们没有第一种字体将使用它)太宽并且会改变布局。
我找到了this similar quesiton,因为字体太高了。答案是使用ex
单位,因为它基于高度。
我可以使用宽度单位,还是有办法为font-family中的每种字体指定字体大小?
答案 0 :(得分:3)
考虑提供类似的字体作为替代品。例如:
font-family: Arial, Helvetica, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
这样,替代字体不会使布局中断。
答案 1 :(得分:0)
理想情况下,对于字体,我建议使用标准类,如x-small(extremeley small),small,medium,med-small,large,med-large,x-large等,并将这些类用于不同的字体大小。只有当你想要一些非常大的东西时,你总是可以使用<h1>, <h2> tags
。我会使用%作为所有这些的标准。在我使用各种字体时,他们很少打破下面使用的类。
.body {
font-family: arial,helvetica,clean,sans-serif;
}
.x-small {
font-size: 77%;
letter-spacing: normal;
}
.small {
font-size: 85%;
letter-spacing: normal;
}
.med-small {
font-size: 92%;
letter-spacing: normal;
}
.medium {
font-size: 100%;
letter-spacing: normal;
}
.med-large {
font-size: 107%;
letter-spacing: normal;
}
.large {
font-size: 114%;
letter-spacing: normal;
}
.x-large {
font-size: 122%;
letter-spacing: normal;
}
.x2-large {
font-size: 131%;
letter-spacing: normal;
}
.x3-large {
font-size: 138.5%;
letter-spacing: normal;
}
.strong {
font-weight: bold;
}