vue 如何获取鼠标选中的字体

你可以使用 `window.getSelection()` 方法来获取当前页面中用户所选中的文本内容，包括选中的字体。具体步骤如下：

1. 监听鼠标选择事件 `mouseup` 或 `selectionchange`
2. 获取选中的文本内容，使用 `window.getSelection().toString()`
3. 获取选中文本所在的节点，使用 `window.getSelection().getRangeAt(0).commonAncestorContainer`

示例代码：

<template>
  <div id="app" @mouseup="onMouseUp">
    {{ selectedText }}
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedText: ''
    }
  },
  methods: {
    onMouseUp() {
      const selection = window.getSelection()
      if (selection && selection.toString()) {
        this.selectedText = selection.toString()
        const node = selection.getRangeAt(0).commonAncestorContainer
        console.log(node.style.fontFamily) // 获取选中字体
      }
    }
  }
}
</script>