#fonts #css use font-awesome in CSS (background image)

CSS--font-awesome.scss

/* v4 */
.mytextwithicon {
  padding-left: 15px;
  position: relative;

  &::before {
    font-family: FontAwesome;
    content: '\f069';
    position: absolute;
    top: 0;
    left: 0;
  }
}

/* v5 */
.mytextwithicon {
  position: relative;
  padding-left: 18px;

    &::before {
    content: "\f4fb";
    font-weight: 400;
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    top: -1px;
    left: 0;
  }
}

/* v6 */
.mytextwithicon {
  position: relative;
  padding-left: 18px;

  &::before {
    content: "\f56d";
    font: var(--fa-font-regular);
    position: absolute;
    top: 0;
    left: 0;
  }
}

not working brother

It works with FontAwesome 4. Still trying to figure out why it's not working with FontAwesome 5 (as a font, not SVG, which is quite different).

There are docs for FontAwesome 5. Figures.
https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements