AnsweredAssumed Answered

Extend Esri Icon Fonts with Fonts Awesome

Question asked by messaddek on Sep 30, 2018
Latest reply on Oct 2, 2018 by messaddek

Hello,

I would like to extend Esri Icon Fonts with FontsAwesome icon packs to give End Users the ability to choose markers icons. To achieve that i ve tried this way :

<style>
    @font-face {
    font-family: "FontAwesome";
    font-weight: normal;
    font-style : normal;
           src : url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
           src : url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),
                 url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
                 url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),
                 url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),
                 url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}
  </style>

 

and in JS :

var textSymbol = {
        type: "text", // autocasts as new TextSymbol()
        color: "#7A003C",
        text: "\f5de", // esri-icon-map-pin
        font: { // autocasts as new Font()
          size: 30,
          family: "FontAwesome"
        }
      };

 

And did not works. Is this possible?

 

Regards

Outcomes