el-dailog的title显示奇葩文字问题

我使用element-UI使用的dailog发现title标题文字显示不对称，发现“批量”两个字比其他的小。

 查看了半天，把“批量”换成其他文字就正常，所以不是文字设置问题，应该出现再这两个字的问题上，它这两个字有啥特殊，又不是繁体字，也不是比较复杂的字啊。

代码就正常的：

 所以没有单独配置过字体格式。因为dailog有好多个，不能单个修改，不然你这改好，其他地方也跟着出异常就麻烦了。

所以我就怀疑是不是字体格式的原因。我新建一个word试试：

然后发现各种字体，其中从上往下数第三个跟我很像，这个是微软雅黑，这个格式的字体导致“批量”两个字特别显小。

那我现在要改下倒数第二个黑体格式。那就要改el框架源码？

参考：blog.csdn.net/weixin_4576…

可是发现修改框架源码没有效果，因为框架都不是直接用源码的，我们平时安装不都是npm install么。

所以就该引用这个dailog的地方吧。修改字体使用css设置字体为宋体的方法：可以利用font-family属性来进行设置，如【font-family: 宋体;】或【font-family: SimSun;】。

ps：可以使用中文更简单了，看一下代码解决。

html

 <div class="dialog__header" @mousedown="dragStart" :class="{'drag-able': dragAble}">
        <slot name="header">
               <div class="dialog__header-wrapper">
                     <span v-if="title">{{ title }}</span>
               </div>
        </slot>
</div>

css

.dialog__header-wrapper {
        padding-left: 10px;
        color: #ffffff;
        font-family: 黑体;
    }