Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

1、首先新建一个项目,项目名称叫做 "arjs-viewer"

2、打开public文件,新建一个fonts文件,进行字体的配置

Image Removed

配置文件(这里我默认设置的字体是微软雅黑2、打开public文件,新建一个fonts文件,

进行字体的配置,字体文件可以在本机获取或者直接在网上下载:本机文件位置(C:\Windows\Fonts)

网上下载直接这样进行搜索如:宋体字体格式ttf下载

image2022-3-24_9-56-30.pngImage Added

image2021-7-19_11-37-49.pngImage Added

image2022-3-24_9-58-30.pngImage Added

字体文件配置的字体格式的后缀必须是.ttf的格式

配置文件(这里我默认设置的字体是微软雅黑、楷体,宋体)

{
    "path""",
    "descriptors": [
        {
            "name""微软雅黑",
            "locals": [
                "微软雅黑",
                "MicrosoftYaHei"
            ],
            "source""fonts/SimHei.ttf" 
        },
        {
            "name""微软雅黑 Light"         
        }楷体",
        {
            "namelocals":  [
                "等线楷体"
        },
        {
            "name""等线 Light"
             
        },
        {
            "name""宋体",
            "                "楷体"
            ],
            "source""fonts/SimHeisimkai.ttf"
 
 
        },
        {
            "name""仿宋宋体"
        },
        {
            "namelocals":  "新宋体"
        },
        {
            "name""幼圆"
        },
        {
            "name""楷体"
        },
        {
            "name""隶书"
        },
        {
            "name""黑体",
            "[
                "宋体",
                "宋体"
            ],
            "source""fonts/SimHeisimsun.ttf"
        },
        {
            "name": "Arial"
        },
        {
            "name""Arial Black"
        },
        {
            "name""Comic Sans MS"
        },
        {
            "name""Courier New"
        },
        {
            "name""Geneva"
        },
        {
            "name""Georgia"
        },
        {
            "name""Helvetica"
        },
        {
            "name""Impact"
        },
        {
            "name""Lucida Console"
        },
        {
            "name""Meiryo"
        },
        {
            "name""Meiryo UI"
        },
        {
            "name""MingLiU"
        },
        {
            "name""MingLiU-ExtB"
        },
        {
            "name""MS Gothic"
        },
        {
            "name""MS Mincho"
        },
        {
            "name""MS PGothic"
        },
        {
            "name""MS PMincho"
        },
        {
            "name""MS Song"
        },
        {
            "name""MS UI Gothic"
        },
        {
            "name""NSimSun"
        },
        {
            "name""Osaka"
        },
        {
            "name""PMingLiU"
        },
        {
            "name""PMingLiU-ExtB"
        },
        {
            "name""SimSun"
        },
        {
            "name""SimSun-ExtB"
        },
        {
            "name""Song"
        },
        {
            "name""Tahoma"
        },
        {
            "name""Times New Roman"
        },
        {
            "name""Trebuchet MS"
        },
        {
            "name""Verdana"
        },
        {
            "name""Yu Gothic"
        }
    ]
}

3、打开项目中的 app.js文件,导入该方法:

import { FontStore } from "@grapecity/activereports/core";

...