Add checkboxes to select each font family on the directory website

[slestang]

This has become required because the number of families keeps growing and the number of icons inside each family too, making the page very long.

The design is a little rough, feel welcome to improve it.

May be at the beginning we should unselect all families so the page will be faster to load?

I think it depends if people usually use all families or just a few.

[hampustagerud]

Most of it looks good!

I doubt that a lot of people use more than a few families so I think having all families disabled at first is a good idea, it saves several seconds of loading the website 🙂 I think there should be a separate message that replaces Icon not found if no families are selected.

It bothers me a little that the Brands part of FontAwesome5 is shown as a separate font. Maybe each style should be a separate font but for now it's better to have them all unified, just filter out FontAwesome5Brands from the array of keys 🙂

Also, maybe there should be a Select all and Select none button to make it easy to enable/disable all fonts? 🤔