粗上加粗的IE10字体宽到超出原本的容器

首先，这个问题是由于IE浏览器在字体加粗的时候，会出现比较明显的宽度变化，造成了字体宽度超出容器。而且在IE10上表现的比较明显。那么针对这个问题，我们可以尝试以下的解决方法：

方法一：使用CSS的transform属性

可以使用CSS3中的transform属性，将文本容器缩放到一个合适的宽度范围。代码如下：

.container {
  overflow: hidden; /* 隐藏文本溢出部分 */
  transform: scale(0.9); /* 缩放文本，具体比例可根据实际情况调整 */
  transform-origin: left top; /* 设置transform的起点 */
}

This is a long text.在IE10上加粗后，会出现宽度问题。

这种方法的优点是不需要去改变浏览器默认的行为，只针对单独的元素进行样式处理。缺点是如果文本容器中存在图片等元素，可能会被缩放变形。

方法二：使用CSS的letter-spacing属性

可以使用CSS的letter-spacing属性，将字母之间的间隔增加一定的距离，这样就可以弥补字体加粗所带来的宽度变化。代码如下：

.container {
  letter-spacing: 2px; /* 设置字母之间的间距 */
}

This is a long text.在IE10上加粗后，会出现宽度问题。

这种方法的优点是简单易懂，不需要复杂的变形计算，可以适用于所有元素。缺点是一旦字母间距过大，会影响可读性。

综上所述，以上两种方法都可以解决IE10下字体加粗所带来的宽度变化问题。具体实现方法应根据实际情况，选择最合适的方案。