Search code examples
htmlcssiconssocial-media

Replacing Font Awesome Social Media Icons With Images

I've attempted to replace fa icons on blogger with custom icons using

.fa-facebook{content:url("")}

The images work on Chrome but not FF or IE. What's going on/Is there a workaround?

Jsfiddle

Google Chrome

Firefox

Solution

  • According to W3school:

    Definition and Usage

    The content property is used with the :before and :after pseudo-elements, to insert generated content.

    So instead of .fa-facebook{content:url("")} use .fa-facebook:before{content:url("")}

    Jsfiddle