额外的字母出现在标题后面，非常奇怪

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}