Thanks to visit codestin.com
Credit goes to github.com

Skip to content

您好, 在 style-spec/glyphs.md 文档中,关于自定义字体生成后对中文不生效的描述可能存在不准确的地方。实际上,只要配置正确,中文是可以正常生效的。 #28

@mrxuanz

Description

@mrxuanz

问题描述

文档中提到自定义字体可能无法生效,我最近正在学习Mapbox GL JS中发现只要配置正确,中文字符是可以正常显示的。
Snipaste_2024-08-02_16-15-40

问题产生原因

Mapbox GL JS 默认使用本地字体渲染表意文字。如果没有提供 localFontFamilylocalIdeographFontFamily 的对应配置,则不使用默认字体。下附一张对应逻辑的源码
Snipaste_2024-08-02_16-19-49

解决方法

localFontFamilylocalIdeographFontFamily 配置设置为undefined

//地图配置
{
  accessToken: "",
  style: {
    glyphs: "http://127.0.0.1:3000/{fontstack}/{range}.pbf",
    // ...
  },
  // ...
  localFontFamily: undefined,
  localIdeographFontFamily: undefined,
}

我从这个项目中收获颇丰,非常感谢您无私分享并开源这个项目。如果可以,我希望能为这个项目贡献一份力。

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions