Forge Viewer加载本地DWF字体异常等问题如何解决？

尝试用Forge Viewer在浏览器中查看本地DWF文件，参考Autodesk官方的DWF/PDF支持示例完成加载，代码如下：

let option = { env: "Local" };
        
Autodesk.Viewing.Initializer(option, async function () {
    const viewer = new Autodesk.Viewing.GuiViewer3D(document.getElementById('forgeViewer'));
    viewer.start();
    viewer.setTheme('dark-theme');

    viewer.loadExtension('Autodesk.DWF').then(() => {
        console.log("Extension Loaded")
        console.log(path);
        try {
            viewer.loadModel(virtualPath + path);
        } catch (e) {
            console.log(e)
            alert("Nepodařilo se načíst požadovaný soubor!")
        }
    });
});

但加载后出现以下显示问题（对比Autodesk Design Review的正常显示效果）：

• 无法正确显示ISOCPEUR字体，带变音符号的字符显示异常
• Viewer背景为蓝色，和Vault Thin Client、Design Review等Autodesk其他查看工具的显示效果不一致
• 文件中的公司logo图片显示模糊

针对各问题的调整方案 #

1. 字体显示异常处理 #

Forge Viewer加载本地文件时默认未内置ISOCPEUR这类带特殊字符的字体，可通过两种方式解决：

• 注册自定义字体：在Viewer初始化前，用Autodesk.Viewing.FontLoader.registerFont方法注册对应字体文件（需确保字体文件可被浏览器访问），示例：

// 放在Autodesk.Viewing.Initializer之前执行
Autodesk.Viewing.FontLoader.registerFont({
  family: 'ISOCPEUR',
  url: '/fonts/isocpeur.ttf' // 替换为实际字体文件路径
});

• 设置替代字体：若无法获取目标字体，可指定支持变音符号的通用字体作为 fallback：

viewer.setOptions({ defaultFontFamily: 'Arial Unicode MS' });

2. 背景颜色修改 #

直接通过Viewer API修改背景色，匹配其他Autodesk工具的显示风格：

// 在viewer.start()之后调用
viewer.setBackgroundColor(255, 255, 255); // 设置白色背景，可按需调整RGB值

3. 图片模糊优化 #

可通过调整Viewer的渲染配置提升图片清晰度：

• 启用高分辨率渲染：初始化Viewer时添加相关参数：

const viewer = new Autodesk.Viewing.GuiViewer3D(document.getElementById('forgeViewer'), {
  highResolution: true,
  qualityLevel: Autodesk.Viewing.QualityLevel.HIGH
});

• 优先渲染矢量图形：加载模型时启用矢量渲染模式（若图片为矢量格式）：

viewer.loadModel(virtualPath + path, {
  renderVectorGraphics: true
});

内容的提问来源于stack exchange，提问作者David Siegert