CSS伪元素字体图标是一种通过CSS代码实现字体图标的方法。在网站开发中，字体图标可以用于替代图片图标，具有文件大小小、颜色可控、清晰度高等优点，成为网页设计中非常流行的一种方式。

使用CSS伪元素字体图标的方法是首先定义一个可以支持字体图标的字体，如FontAwesome，然后在HTML代码中使用伪元素选择器，通过content属性和字体图标的编码来实现展示相应的图标。

以下是一个简单的实现FontAwesome字体图标的例子：

@font-face {
font-family: 'FontAwesome';
src: url('fontawesome-webfont.eot?v=4.7.0');
src: url('fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
url('fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
url('fontawesome-webfont.woff?v=4.7.0') format('woff'),
url('fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
url('fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
.icon {
font-family: 'FontAwesome';
font-size: 20px;
}
.icon:before {
content: "\f005";
}

在上面的代码中，@font-face用于定义可支持FontAwesome字体的字体，src属性指向Font Awesome的字体文件，.icon类指定字体大小，伪元素选择器:before指定使用content属性和相应的编码来展示图标。

通过CSS伪元素字体图标，我们可以实现非常简洁和清晰的网站设计，同时也能够提高网页的性能。