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

大佬:小伙子我看你我看你骨骼精奇,跟我学js吧。
我 :什么样的啊
大佬:超简单的那种啊
我 :我信你个鬼,你个糟老头子坏得很

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

  书接上文,之前介绍了如何将本地字体库格式例如ttf转换为PBF,那么如何在ArcGIS API for JavaScript(下文以jsAPI表示)进行使用呢。
  在MapViews中Labeling支持 FeatureLayer, CSVLayer, StreamLayer, 以及Sublayer。你可以使用LabelClass对象的数组来构造labelingInfo,而LabelClass包含了labelExpressionInfo, labelPlacement, TextSymbol。TextSymbol则支持设置color, font, halo以及其他的属性进行要素标注。其中Font可以设置 Font.family, Font.style,和Font.weight属性,这三个属性就是基于.pbf格式的字体文件实现的。默认情况下jsAPI使用的是https://static.arcgis.com/fonts来进行访问这些字体文件,其中支持的字体可以从 List of currently supported fonts进行查看。那么如果我是内网环境,或者我想用我自己的好看的字体,我们要怎么办呢。
  很简单,你可以使用esriConfig.fontsUrl属性来设置自己的字体库。在这里需要注意的一点是你的.pbf格式的字体文件需要遵循Esri的命名规范(例如"arial-unicode-ms-bold")。我们将已经转换好的.pbf格式的字体文件放置到web容器中(以IIS为例),然后我们需要在IIS管理器中添加MIME类型使其支持.pbf。添加内容如下:

  之后我们就可以在jsAPI中开心的使用自己的字体库了。ps:当Font类型不可用时,会自动使用默认字体类型sans-serif,使用的是arial-unicode-ms字体文件,所以本地字体库中一定要添加该字体文件。

测试代码以及字体库我上传到了https://github.com/swaggyPYang/arcgisapi中。当然你也可以直接查看效果


作为一个90后,既然早早地抱起了保温杯,泡上了枸杞水,那就认真地过好每一天吧。


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,018评论 1 45
  • 一、概念 参考网页字体Serif和Sans-serif的区别及浏览器字体的设置CSS Font知识整理总结 1.F...
    合肥黑阅读 11,491评论 0 12
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,682评论 1 92
  • 众所周知,318川藏线,是众多热爱骑行选择的路线。 2017年5月21日00时00分在成都发车,十大高手将挑战8天...
    f0b62e63d5cd阅读 3,707评论 1 1
  • 收藏者想拥有一串极品紫檀手串,但是你了解极品紫檀都有哪些特点吗? 第一,必须是油性、密度和质地都比较优秀。 首先,...
    林远腾博客阅读 1,670评论 0 0