html - 标题后面出现多余的字母，很奇怪

Question

我有一个自定义字体，我使用 @font-face 添加到我的 css 规则中。它是一种希伯来字体，我在整个网站的段落和标题中都使用它，我对此没有任何问题。

我还使用顶部导航栏中的字体作为标题。由于某种原因，在标题中添加超过一定数量的字母后，标题后面会出现一个额外的字母。这个字母是不可选择的，一旦我选择了文本的一部分（？？？），它就会消失。

这是它的外观：

这就是我选择一些文本时发生的情况：

这是html：

<div id="header_body" dir="rtl">
    <div id="slogan">
        <h1>מאגר מאמרים ואפליקציות מקוריות</h1>
        <h2>בנושאים: בניית אתרים, תכנות, עיצוב וקידום</h2>
    </div>
</div>

和CSS：

#header_body {
background:transparent url('img/header.jpg') no-repeat center top;
height:76px;
}
#slogan {
    margin:11px 216px 0 0;
    letter-spacing:2px;
    opacity:0.9;
    float:right;
}
#slogan h1 {font:italic bolder 28px "Yoav";text-shadow:1px 1px 0 #b85d1b,2px 2px 0 white,3px 3px 4px #b85d1b;color:#f37a21}
#slogan h2 {font:italic bolder 20px "Yoav";text-shadow:1px 1px 0 #111,2px 2px 0 white,2px 2px 4px #333;color:#888}