Как в списке точки заменить на шрифтовую иконку?

Question

[MRcracker]

Как сделать чтобы в маркированном списке вместо точек была шрифтовая иконка FontAwesome?

Answer 1

[Александр]

htmlbook.ru/css/list-style-image

Comments

[MRcracker]

иконка шрифтовая, а не картинка

[Dymok]

MRcracker, псевдоэдементом для каждого элемента списка можно.

Answer 2

[profesor08]

ul {
  list-style: none;

  li {
    &:before {
      content: "ǘ"
      font-family: "FontIcon";
      font-size: 20px;
      position: absolute;
      top: 50%;
      transform: translate(-150%, -50%);
    }
  }
}

Answer 3

[hiddenseek]

li:before {    
font-family: 'FontAwesome';
content: '\f12a';
margin:0 5px 0 -15px;
    color: #7ebf52;
}