在加载Google字体或接收就绪事件之前删除默认字体,可以通过以下步骤实现:
@font-face {
font-family: 'CustomFont';
src: url('path/to/custom-font.ttf');
}
<head>
<link rel="stylesheet" href="path/to/custom-font.css">
</head>
document.addEventListener('DOMContentLoaded', function() {
document.body.style.fontFamily = 'CustomFont, sans-serif';
});
这样,当页面加载时,浏览器会先应用自定义字体,然后再加载Google字体。一旦Google字体加载完成,页面中的文本将自动切换为Google字体。
需要注意的是,以上方法仅适用于在加载Google字体之前删除默认字体。如果需要在Google字体加载完成后再删除默认字体,可以使用Web Font Loader库等工具来实现。
推荐的腾讯云相关产品:腾讯云字体库(https://cloud.tencent.com/product/ttc)
领取专属 10元无门槛券
手把手带您无忧上云