element-ui字体样式

在使用Vue-cli5创建Vue2项目并使用Element-UI时，在使用electron-builder打包构建之后可能会出现element-ui的样式丢失，找不到fonts目录的问题。[3]为解决这个问题，可以通过修改样式文件来恢复element-ui的字体样式。如果使用原生的CSS样式，可以使用CSS深度选择器来修改字体样式。例如，可以使用 >>> .el-tabs__item-text 来选择需要的字体样式。
如果使用了预处理器SCSS，可以使用::v-deep或/deep/来修改样式。::v-deep是官方推荐的用法，兼容性更好且加载速度更快。例如，可以使用.detail ::v-deep .el-tabs__item-text 来修改字体样式。
通过这些方法，可以重新指定element-ui的字体样式，解决样式丢失的问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [【前端】修改acro element UI等封装元素的样式、字体](https://blog.csdn.net/Supporint/article/details/128697371)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [vue-cli5打包后element-ui的样式丢失、字体图标不显示](https://blog.csdn.net/Lsucre/article/details/128419049)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]