在Style编辑器里上传并设置好字体后 打开网页后会发现英文字体显示正常而中文字体仍是默认字体

网上有类似的帖子 但是不适用于最新版本 解决Mapbox GL JS自定义字体中文还是使用默认字体的问题在学习给Mapbox GL JS添加自定义字体时,我发现 - 掘金

最新版本在文件中添加 localIdeographFontFamily: "" 即可解决

<script>
	mapboxgl.accessToken = 'token';
    const map = new mapboxgl.Map({
        container: 'map', // container ID
        center: [0, 0], // starting position [lng, lat]. Note that lat must be set between -90 and 90
        zoom: 1, // starting zoom
        style: 'yourstyle',
        localIdeographFontFamily: "" //中文字体修复
    });
</script>

不过,在首次打开网页时会有花费一段时间加载字体(约5秒,视网络情况而定)

此作者没有提供个人介绍。
最后更新于 2025-08-02