Use Awesome Font Icon As Bullet

[guybower1]

Hi

Just checking if it is possible to use an available awesome font icon as a bullet, instead of the standard bullet.

I tried the following to get the soup icon f823, but it ends up only as a square

ul.direct {
    list-style:  none;
}

ul.direct li {
    position: relative;
}

ul.direct li:before {
    content: '\f823';
    font-family: FontAwesome;
    position: absolute;
    top: 2px;
    left: 100px;
}

When I tried some other icon codes, they did work. We have the soup icon already in use on our book now button, so just wanted to have some consistency

Regard

[guybower1]

Hi

OK, thanks anyway, but after extensive research, I found some code I was able to tweak to get the desired result

ul.direct {
  list-style: none;
} 
.direct li:before {
  content: '\f823';
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding: 0px 10px 10px 0px;
  font-size: 18px;
  font-weight: 900;
  color: #fe5000;
}

Thanks so much