Css Font Awesome 5适用于Chrome，但不适用于Safari

Font Awesome Free在Chrome上运行良好，但在Safari 14中显示方框

通过

纱线添加@fortawesome/fontawesome免费安装

将OpenLayers 6和Webpacker与Rails 6一起用于JavaScript和CSS

@import'@fortawesome/fontawesome free'

OpenLayers javascript（部分）：

通读其他关于字体问题的SO帖子。主要处理在HTML中的使用。一位使用Unicode的用户建议尝试：
Font-awome 5 FreeR
而不是
Font-awome 5 Free
，后者在Chrome和Safari中都失败了。其他评论都与我的处境无关

OpenLayers’几乎没有关于字体选项的信息

import VectorLayer from 'ol/layer/Vector';
import VectorSource from 'ol/source/Vector';
import {Fill, Stroke, Style, Text, Icon} from 'ol/style';

var homeHouseholderIcon = new Style({
  text: new Text({
    text: '\uf015',                         // fa-home, unicode f015
    font: '900 18px "Font Awesome 5 Free"', // font weight must be 900
    fill: new Fill({ color: 'darkgreen'}),
    offsetX: 2,
    offsetY: 2,
  })
});

new VectorLayer({
  title: 'Locations as points',
  imageRatio: 2,
  source: new VectorSource({
    url: urlLocJSON,
    format: new GeoJSON() 
  }),
  style: homeHouseholderIcon, 
}),