Css Dropcap内容与html不匹配

我试图用一个字母在段落中加上一个dropcap。我想我找到了正确的工作流程，并且已经在我网站的另一个区域进行了测试，效果非常好。当我想对所需的段落应用相同的技术时，当在浏览器中查看时，段落的内容（段落的第一个字母）将更改为03/。我尝试过几种不同的选择，但结果总是一样的。。当我检查chrome中的元素时，它显示03/as内容，这是不正确的。有人知道这是什么原因吗

css:

html:

HTML

但一切都没有改变

当我在浏览器chrome中检查元素时，span的内容已更改为03/。但是当我在那里更改它时，字符D或其他任何字符都会正确显示

---

无法真正看到此错误可能在何处。。我也检查了03/组合的全部代码，并更改了字体设置，但也没有运气。

由于我不知道完整代码，我只能建议您从css中删除服务。或添加到。或者两者都有。

通过删除html中的，我解决了这个问题

现在我有了我的解决方案，但仍然想知道为什么会发生这种情况。

---

感谢您的回复并帮助我找到原因。

尝试删除服务，就像解决字符集问题一样……我尝试了不同的方法，但结果都是一样的。。字符集已定义为UTF-8。>>编辑的原始问题

#services .firstcharacter {    /*displays /03 instead of character*/
    float: left; 
    color: #000; 
    font-size: 75px; 
    line-height: 80px; 
    padding-top: 4px; 
    padding-right: 8px; 
    padding-left: 3px; 
    font-family: Georgia; }

<p><span class="firstcharacter">N</span>ulla...</p>

.service p.char a{
    float: left; 
    color: #000; 
    font-size: 75px; 
    line-height: 80px; 
    padding-top: 4px; 
    padding-right: 8px; 
    padding-left: 3px; 
    font-family: serif;
}

<p class="char"><a><span>D</span></a>ulla...</p>