Flaticons not showing up on WordPress

You’re missing assets/css/flaticon.css from the example website.

Specifically, this CSS which you can probably dump onto the end of style.css

/*

    Flaticon icon font: Flaticon
    Creation date: 23/10/2017 08:34
    */

@font-face {
  font-family: "Flaticon";
  src: url("../fonts/Flaticon.eot");
  src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Flaticon.woff") format("woff"),
       url("../fonts/Flaticon.ttf") format("truetype"),
       url("../fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("./Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    margin-left: 0px;
}

.flaticon-play-button:before { content: "\f100"; }
.flaticon-adobe:before { content: "\f101"; }
.flaticon-settings:before { content: "\f102"; }

Leave a Comment