Question

如果使用的字体太大（实际上太宽），我的主导航布局将无法正确移动。

字体系列中的第一个字体在特定字体中看起来很棒，但是第二种字体（如果它们没有第一种字体将使用它）太宽并且会改变布局。

我找到了this similar quesiton，因为字体太高了。答案是使用ex单位，因为它基于高度。

我可以使用宽度单位，还是有办法为font-family中的每种字体指定字体大小？

Answer 1

考虑提供类似的字体作为替代品。例如：

font-family: Arial, Helvetica, sans-serif;
font-family: Tahoma, Geneva, sans-serif;

这样，替代字体不会使布局中断。

Answer 2

理想情况下，对于字体，我建议使用标准类，如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;
}

CSS为font-family中的每种字体指定字体大小？

2 个答案: