0

I added the call to CSS:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

and in custom.css I tried with

[data-icon="pray"] { 
    content: "\f683" !important;
}

I also added the variables with :after, :before: content, but it did not.

<div data-role="navbar">
     <ul>
          <li><a href="#" data-icon="grid"><span>Detais</span></a></li>
          <li><a href="#" data-icon="pray"><span>Pray</span></a></li>
                
     </ul>
</div>
Guttemberg
  • 411
  • 1
  • 6
  • 20
  • I have tested the examples, and I have obtained no results on the basis of these examples. None of them are related to Jquery Mobile. – Guttemberg Oct 08 '18 at 20:57
  • 1
    https://stackoverflow.com/questions/31012650/how-to-use-font-awesome-icons-in-jquery-mobile-buttons – Omar Oct 09 '18 at 16:37
  • The ones proposed by @temaniafif weren't for jQM. – Omar Oct 09 '18 at 16:37
  • 1
    @Omar and the one your proposed has nothing to do with font-awesome 5 and how they are used with CSS... it's a CSS issue, as the OP is not using FA 5 correctly – Temani Afif Oct 09 '18 at 18:32
  • 2
    @Omar here is the code he need to use considering all the duplicate I added : https://jsfiddle.net/02znb9yx/ (if of course we take the time to read them) – Temani Afif Oct 09 '18 at 19:00
  • 1
    @TemaniAfif you're correct. https://jsfiddle.net/02znb9yx/1/ Thank you for the clarification. – Omar Oct 11 '18 at 08:18

0 Answers0