纯CSS实现取字符串的第一个字符实现文字图标

如何通过CSS实现文字图标 /*图标样式*/ .nav-icon-normal { width: 32px; height: 32px; line-height: 33px; display: inline-block; border-radius: 6px; background-color: #b3b4c5; vertical-align: middle; overflow: hidden; font-size: 16px; text-indent: 8px; text-align: center;