elementui字体

修改 ElementUI 字体

ElementUI 默认使用系统字体，如需自定义字体，可通过 CSS 覆盖默认样式。以下方法适用于修改全局字体或特定组件字体。

全局字体修改 在项目的全局 CSS 文件（如 App.vue 或 main.css）中添加以下代码：

body {
  font-family: 'YourFont', -apple-system, BlinkMacSystemFont, sans-serif;
}

组件级字体修改 针对特定组件，通过样式穿透（如使用 /deep/ 或 ::v-deep）修改：

.el-button {
  font-family: 'CustomFont', sans-serif;
}

引入自定义字体文件

若需使用非系统字体，需先通过 @font-face 引入字体文件（如 .ttf 或 .woff）：

@font-face {
  font-family: 'CustomFont';
  src: url('path/to/font.woff2') format('woff2');
}

注意事项

• 字体文件需放置于项目静态资源目录（如 public/ 或 assets/）。
• 中文字体文件较大，建议使用子集化或 CDN 加速。
• 测试字体兼容性，确保跨平台显示一致。