使用加载的字体时，offsetWidth、SVG宽度不正确

当使用加载的字体时，可能会出现offsetWidth和SVG宽度不正确的问题。这是因为加载的字体可能会导致页面重新渲染，从而影响元素的布局和尺寸计算。

offsetWidth是一个元素的可见宽度，包括元素的内容宽度、内边距和边框宽度。当加载字体时，如果字体的渲染时间较长，浏览器可能会在字体加载完成之前对元素进行渲染，此时offsetWidth可能会不正确。

SVG是一种可缩放矢量图形格式，用于在网页中显示矢量图形。当加载字体时，如果字体的渲染时间较长，浏览器可能会在字体加载完成之前对SVG进行渲染，此时SVG的宽度可能会不正确。

为了解决这个问题，可以采取以下几种方法：

预加载字体：在页面加载之前，使用CSS的@font-face规则预加载字体文件。这样可以确保字体在页面渲染时已经加载完成，避免影响元素的布局和尺寸计算。
使用系统默认字体：如果对字体没有特殊要求，可以使用系统默认字体作为备选方案。这样即使字体加载失败或者加载时间较长，页面的布局和尺寸计算也不会受到影响。
使用字体加载器：字体加载器是一种用于管理字体加载的工具，可以在字体加载完成之前显示备选字体，避免页面布局的变化。一些常用的字体加载器包括Font Face Observer和Web Font Loader。

总结起来，当使用加载的字体时，为了避免offsetWidth和SVG宽度不正确的问题，可以预加载字体、使用系统默认字体或者使用字体加载器来管理字体加载。这样可以确保页面的布局和尺寸计算不受字体加载的影响。

腾讯云相关产品和产品介绍链接地址：

腾讯云字体库：提供了丰富的字体资源，支持在线预览和下载，满足各种字体需求。详情请参考：https://cloud.tencent.com/product/font
腾讯云内容分发网络（CDN）：通过全球分布的加速节点，提供快速可靠的字体文件分发服务，加速字体加载。详情请参考：https://cloud.tencent.com/product/cdn