css font: 14px/20px 是什么意思?

这种情况以前从来没遇到过在框架中带了一个这样的属性 font: 400 14px/20px Roboto, sans-serif我给中间的 div 定义了一个特别大的字体, 那么中间的字体就和别的字体重叠了, div高度就不会随着字体大小增高, 确定就是这个属性导致的重叠的

另外这个 14px/20px 是什么意思没看太懂, , 这样定义字体大小的作用是什么? 它到底是生效 14px还是20px?

<div>标题1</div>
<div>标题1</div>
<div style="font-size: 40px;">标题1</div>
<div>标题1</div>
<div>标题1</div>