ArcGIS API for JavaScript如何使用本地的字体库

需求:

ArcGIS API for JavaScript如何使用本地的字体库,解决内网环境,或者我想用我自己的好看的字体的需求。

思路:

下载对应的字体文件(.pbf)或者将操作系统自带的字体文件(例如:.ttf)转为前端能够使用的.pbf格式的字体文件。

①ttf等字体文件转为.pbf字体文件,参考:转换.pbf(Protocolbuffer Binary Format)的字体库 - ArcGIS知乎-新一代ArcGIS问答社区

②前端使用本地的.pbf字体文件,参考:http://zhihu.geoscene.cn/article/3893

干货:

我已成功按照上述操作将常用的中文字体(如下)转为了前端可以使用的.pbf格式的字体,见链接。

链接:百度网盘 请输入提取码

提取码:f552

链接中包含下述19种字体:

方正舒体、方正姚体、微软雅黑、微软雅黑加粗、微软雅黑light、仿宋、黑体、楷体、宋体、华文彩云、华文仿宋、华文琥珀、华文楷体、华文隶书、华文宋体、华文细黑、华文行楷、华文新魏、华文中宋

如果上述还不能满足你的需求,那就按照思路1中的步骤自己去进行转换了。

字体截图:

ArcGIS API for JavaScript如何使用本地的字体库_第1张图片

 将它们下载后按照自己的需求将其放置到webserver(例如:iis)下,以便前端读取。

其中字体文件夹需要按照esri命名规范进行命名,参考链接:ArcGIS API For JavaScript Font字体简介,下载及本地部署_一点点的博客-CSDN博客

ArcGIS API for JavaScript如何使用本地的字体库_第2张图片

 最终效果:

①以黑体为例

操作系统的ttf字体

ArcGIS API for JavaScript如何使用本地的字体库_第3张图片

转为: 

ArcGIS API for JavaScript如何使用本地的字体库_第4张图片

 ArcGIS API for JavaScript如何使用本地的字体库_第5张图片

 ②前端加载的效果:

ArcGIS API for JavaScript如何使用本地的字体库_第6张图片

ArcGIS API for JavaScript如何使用本地的字体库_第7张图片

 示例代码:





    
    
    要素图层标注

    

    

    

    




    

你可能感兴趣的:(JS,javascript,开发语言,ecmascript)