Javascript 不同字体源传单awesome标记和传单简易按钮

我在我的传单地图上使用了两个插件：传单.awesome-markers和传单.EasyButton

我正在使用Fontastic制作的本地字体作为传单的图标。EasyButton包括css文件并使用css类：

<link rel="stylesheet" href="/src/localIcons.css">
<script>
L.easyButton('<div class="icon1"></div>', function(btn, map){
map.setView([-21.12, 55.5], 10);
},'Réunion').addTo(mymap);
</script>

L.easyButton（“”，功能（btn，地图）{
地图集视图（[-21.12,55.5]，10）；
}“Réunion”）.addTo（mymap）；

我想在传单上使用fontawesome的字体。awesome-markers图标，但我不知道如何同时使用这两个图标，除非我删除上面包含的本地css，否则marker图标不会显示

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<script>
var colorMarker = L.AwesomeMarkers.icon({
markerColor: black,
prefix: 'fa',
extraClasses: 'fas',
icon: 'times-circle'
});

</script>

var colorMarker=L.AwesomeMarkers.icon({
颜色：黑色，
前缀：“fa”，
课外活动：“fas”，
图标：“时代圈”
});

看起来marker插件正在搜索本地字体css中的图标，而不是使用fontawesome

以下是显示问题的屏幕截图：

可能发生的情况是，使用Fontastic构建的自定义Web字体（通过

localIcons.css

文件引用）与Font Awesome通常使用的一些字符重叠

检查

localIcons.css文件内容可能会提供一个解释：


字体字符的格式为：
“\f249”
如果自定义Webfont使用类似的模式（例如，
“\f000”
），则重叠的可能性非常高

一个简单的解决方法是将SVG用于其中之一，而不是Web字体解决方案

对于带有lapper.Awesome-markers的字体Awesome 5，您可以轻松调整插件以使用JS+SVG解决方案。参考：

但我想您的自定义Webfont中可能没有那么多不同的自定义图标，在这种情况下，使用自定义SVG和标准Webfont作为字体更有趣

在“单张简易”按钮中插入SVG图像应该不会有问题

如果出于某种原因，您仍然希望坚持使用Webfont方法，您可以尝试其他服务，将自定义图标转换为不同的字符集，例如，使用模式
\e800
我喜欢留尼汪岛形状的字体！：-）谢谢，我自己做的：-）我已经尝试在传单简易按钮中使用SVG图像，但没有成功，所以我保留了localIcons.css，并尝试了fontawesome JS+SVG在标记上显示图标，而不是css方式，效果非常好。谢谢。Np，感谢您的反馈！请随便问一个关于Easy Button中SVG图像的新问题，我想这样做在性能方面会更有趣。