html - 将Font Awesome符号切成两半？

一个人怎么能将Awesome字体的符号切成两半？我不是说将其宽度减半，而是实际上将其切成两半。例如，如果我想要一个半圈(fa-circle)。

最好是，它适用于所有百分比，而不仅仅是50％，这意味着我可以将符号切成四分之一，五分之一，十分之一等。

最佳答案

试试这个:

i.fa {
  position: relative;
}

i.fa:after {
  bottom: 0;
  content: "";
  position: absolute;
  background: #fff;
  width: 100%;
  height: 50%;
  left: 0;
  right: 0;
}

演示:http://jsfiddle.net/lotusgodkk/GCu2D/2232/