Kaccana-Bhikkhu / qs-archive

A topic-tagged archive of audio questions and stories with Ajahn Pasanno of Abhayagiri Monastery
https://abhayagiri.org/questions
Other
0 stars 1 forks source link

Make FontAwesome icons available #58

Closed Kaccana-Bhikkhu closed 1 year ago

Kaccana-Bhikkhu commented 1 year ago

It looks like our project includes FontAwesome icons, but I can't figure out how to make them work. This line appears in the global template:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

font-awesome.min.css loads, and from what I've read online <i class="fa-arrow-right"></i> should produce an arrow. Instead it makes a box:

image

I'm guessing this is a simple misconfiguration. Alternatively, I can follow the online FontAwesome instructions about registering for a kit. However, I'm guessing that this has privacy or other downsides, which is why you've chosen the earlier version.

Kaccana-Bhikkhu commented 1 year ago

The correct html is: <i class="fa fa-arrow-right"></i>. And then everything works fine.