从元素中获取字体css属性的简写

Question

我想从元素中获取font css属性。我正在使用：

window.getComputedStyle(element)
  .getPropertyValue('font');

它在Chrome中运行良好，但在IE，Edge和Firefox中返回""。

分别获取每个字体属性（font-style，font-variant，font-weight，font-size，line-height，font-family），但我我试图避免自己构建font属性。

以下是我正在使用的HTML（以及What does the "Just" syntax mean in Haskell?）：

<div id="elm">Foo</div>

<script>
  var elm = document.getElementById('elm');

  function css(element, property) {
      return window
        .getComputedStyle(element)
        .getPropertyValue(property);
  }

  console.log(css(elm, 'font'));
  console.log(css(elm, 'font-style'));
  console.log(css(elm, 'font-weight'));
  console.log(css(elm, 'font-variant'));
  console.log(css(elm, 'font-family'));
  console.log(css(elm, 'font-size'));
</script>

编辑：
jsbin和background也有类似的问题。前者通过使用css类解决，后者通过将样式从一个元素复制到另一个元素来解决 我正在寻找浏览器给我一个速记属性。