L.divIcon Leaflet不显示自定义字体

如果Leaflet不显示自定义字体的问题，可能是由于字体文件的路径不正确导致的。以下是一种解决方法，其中包含代码示例：

1. 首先，确保你的字体文件位于项目的合适位置。通常情况下，可以将字体文件放置在项目的根目录或者一个独立的字体文件夹中。

2. 在HTML文件中，使用@font-face规则来定义自定义字体。确保字体文件的路径正确，并指定正确的字体格式，如下所示：

<style>
@font-face {
  font-family: 'MyCustomFont';
  src: url('/path/to/fontfile.ttf') format('truetype');
}
</style>

3. 在Leaflet的相关代码中，使用L.divIcon创建自定义图标，并在html属性中指定自定义字体的样式，如下所示：

var myIcon = L.divIcon({
  className: 'my-icon',
  html: '<i class="my-custom-icon">&#xe001;</i>',
  iconSize: [32, 32]
});

4. 在CSS文件中，为自定义图标的类名添加字体样式，如下所示：

.my-icon {
  font-family: 'MyCustomFont', Arial, sans-serif;
  font-size: 16px;
}

.my-custom-icon:before {
  content: '\e001';
}

请注意，.my-custom-icon类名应与HTML代码中的<i>元素的类名相匹配，并使用正确的Unicode值。

通过以上步骤，你应该能够正确地在Leaflet中显示自定义字体。如果还是无法显示，请确保字体文件的路径和字体格式正确，并检查是否有其他样式或脚本影响了字体的显示。