html - 太字のフォントの太さが行の高さを変更しないようにする

Question

これは面倒に思えるかもしれませんが、サイトのすべてのラインがベースライン グリッド上にあることを確認する方法を見つける必要があります。問題は、アンカーが に設定されているfont-weight: boldことです。これにより、アンカー テキストの上部に 2px と思われるスペースが追加されます。これに対する簡単な CSS ソリューションはありますか?

Answer 1

私にとってうまくいったのは、次のCSSでした：

a {line-height: 0}

Answer 2

すべてのサイトで CSS リセットを使用する場合は、検討する必要があります: http://meyerweb.com/eric/tools/css/reset/

たとえば、上記のリンクから取得したもの：

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

font-weight: regularまた、必要に応じてそのリストに追加することもできます。