複数行の時だけ行の高さを指定する

1行のときは無視し、複数行のときだけ line-height を効かせたい場合は、CSS の first-line 疑似要素を使用する。

span {
  font-size: 14px; // 文字サイズ
  line-heigth: 20px; // 複数行の場合、行間を開けたい
}
span::first-line {
  line-height: 14px; // 1行なら文字サイズと同じ高さ
}