在Openlayers中使用Fontawesome的不同图标风格。

Question

我想在我的地图上使用不同的Fontawesome图标风格。到目前为止，这不是一个问题，但在我的例子中，图标：'map-marker-alt'只有一个unicode，可以有4种不同的风格。但是在我的例子中，图标：'map-marker-alt'只有一个unicode用于4种不同的风格(https:/fontawesome.comiconsmap-marker-alt?style=regular(常规)). 所以我唯一能访问的样式是常规样式。能否引用另一种风格，比如solid风格？

      const markerStyle = new Style({
        text: new Text({
          text: '\uf3c5',
          scale: 1.5,
          textBaseline: 'bottom',
          font: 'normal 16px "Font Awesome 5 Pro"',
          fill: new Fill({ color: '#2196F3' }),
          stroke: new Stroke({ color: 'black', width: 1 })
        })
      });

Answer 1

根据 https:/fontawesome.com如何使用上的ebreferencing-icons基本使用。字型面权重是用来指定图标的样式。对于常规风格，使用的权重是400，所以你的代码需要改为这个。

const markerStyle = new Style({
        text: new Text({
          text: '\uf3c5',
          scale: 1.5,
          textBaseline: 'bottom',
          font: '400 16px "Font Awesome 5 Pro"',
          fill: new Fill({ color: '#2196F3' }),
          stroke: new Stroke({ color: 'black', width: 1 })
        })
      });