用超赞的字体替换图像

Question

我正在尝试更改用于显示评论图像的代码。先前的代码包含5张星星图片。第一张图片有一颗星星，下一张有两颗，依此类推。每个图像的宽度相同，因此对齐始终正确。使用的代码是    $p_stars = '<img src="images/stars_' . $rating . '.png">';根据结果，上面的结果会产生一连串的星星，例如 **** ***** * ***我的想法是将图像替换为超棒的字体图标，以使其更易于控制颜色，如果需要更改颜色或星数，则需要较少的维护。我做到了，它可以正常工作，但是所需要的代码量远远超过了图像。所以我的问题是：我应该坚持使用图像吗？有没有更好的方法来为icon方法编码？这是icon方法的代码：    <style>    .stars {color:#FB9802;}    .stars-hide {color:#fff;}    </style>    $p_stars  = '';    $p = 0;    while ($p < 5) {        for ($x = 0; $x < $rating; ++$x) {            $p_stars .= '<i class="fas fa-star stars"></i>';            $p++;        }        if ($p == 5) break;        for ($x = $p; $x < 5; ++$x) {            $p_stars .= '<i class="fas fa-star stars-hide"></i>';            $p++;        }    }