不间断的空格打破了不同的字体

Question

我有一个网站，我正在寻找改变＆＃34; raleway＆＃34;到＆＃34; bpreplay＆＃34;。我发布了typekit的变化。但是，当我对CSS进行更改时，除了渲染非破坏空间的方式之外，一切都很好。我所做的唯一改变是font-family。请参阅下面的代码段。我提供了一个边框来帮助查看问题。

＆＃13;

＆＃13;

#raleway {
font-family: "raleway";
}

#bpreplay {
font-family: "bpreplay";
}

span {
font-size: 15px;
display: block;
border: 1px solid black;
}

＆＃13;

<div>
<span id="raleway">This is the&nbsp;test with Raleway</span>
<span id="bpreplay">This is the&nbsp;test with BPreplay</span>
</div>

＆＃13;

＆＃13;

＆＃13;

思考？谢谢你的帮助。