一、TextSymbol 字体font简介

在ArcGIS API For JavaScript开发中,设置标注label 或Graphic时若使用TextSymbol,用font设置文字样式,如字体 family、大小 size、风格 style、粗细weight。

参考:https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-Font.html

font设置的参数会转为ESRI命名规范去请求pbf文件,如

 font: { family: "sans-serif",size: 12,weight: "normal"}

会请求 https://static.arcgis.com/fonts/arial-unicode-ms-regular/0-255.pbf

二、使用本地部署的字体

若在线地址 (https://static.arcgis.com/fonts)速度较慢,或系统部署在内网无法访问公网 。可下载这些字体文件,在本地部署。

常用字体下载
字体文件pbf
下载地址1:https://download.csdn.net/download/monaleila/12567449
下载地址2:https://download.csdn.net/download/monaleila/12570755
文件夹按ESRI命名规则,arial-unicode-ms-regular、arial-unicode-ms-bold,为 sans-serif 的normal字体 和 sans-serif 的bold字体。

配置方法

将字体文件夹部署在tomcat或者IIS后,使用esriConfig.fontsUrl属性来设置字体来源。

三、更多字体下载

除特殊几个字体外,一般ESRI的命名规范为

  1. family 均变为小写字母,空格改为横杠 “-”
  2. weight :normal对应regular,bold 对应 bold
  3. style :一般没有
  4. 以上转换好之后,按 [family]-[weight]-[style] 顺序用横杠 "-"拼接。
family weight ESRI命名规范
sans-serif normal arial-unicode-ms-regular
sans-serif bold arial-unicode-ms-bold
serif normal noto-serif-regular
serif bold noto-serif-bold
Playfair Display normal playfair-display-regular
Playfair Display bold playfair-display-bold
Microsoft YaHei normal microsoft-yahei-regular
Microsoft YaHei bold microsoft-yahei-bold
SimSun normal simsun-regular
SimSun bold simsun-bold

如果需要更多字体,可从ESRI官网下载 ,方法参考:https://blog.csdn.net/weixin_38169562/article/details/101633574

或参考.Net的
https://editor.csdn.net/md?articleId=107086004

也可下载其他pbf字体,并按ESRI的命名规范修改文件夹名。

四、注意事项

以下是开发中font设置可能遇到的问题

  • style 设为“italic”或者“oblique” 常常无效
  • family设为"bolder"或者"lighter"常常无效
  • 找不到对应字体,页面会默认使用 sans-serif,normal 即 arial-unicode-ms-regular ,或不显示文字

ArcGIS API For JavaScript Font字体简介,下载及本地部署相关推荐

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

    需求: ArcGIS API for JavaScript如何使用本地的字体库,解决内网环境,或者我想用我自己的好看的字体的需求. 思路: 下载对应的字体文件(.pbf)或者将操作系统自带的字体文件( ...

  2. 图解ArcGIS API for JavaScript开发环境搭建

    ESRI公司截止到目前已经发布了最新的ArcGIS Server for JavaScript API v3.9,它提供了更为丰富而又强大的功能. 本篇经验向大家介绍其本地部署及简单的第一个地图应用程 ...

  3. ArcGIS API for JavaScript 各个版本的SDK下载和发布 ,ArcGIS Runtime SDK for Android、ArcGIS Runtime SDK for Java等

    ArcGIS API for JS 官网地址:https://developers.arcgis.com/javascript/ ArcGIS API for JavaScript 各个版本的SDK下 ...

  4. ArcGIS API for JavaScript 如何下载最新版

    ArcGIS API for JavaScript以及ArcGIS 其他开发语言最新的开发包均可从developers网站进行下载. 网站链接:https://developers.arcgis.co ...

  5. Arcgis api for JavaScript下载及部署(IIS和Tomcat)

    目录 一,各版本下载地址 二,ArcGIS API For JavaScript3.17本地部署(IIS) 2.1 修改相应的js文件(2个文件) 2.2 将修改好的函数库复制到指定位置 2.3 测试 ...

  6. ArcGIS API for JavaScript :简介与快速上手

    一.简介 子路曰:"卫君待子而为政,子将奚先?"子曰:"必也正名乎!" 孔子认为,为政最先要做的事情是正名,名不正则言不顺. 语言是上天赋予人类的神奇能力,而& ...

  7. 用ArcGIS API for JavaScript制作三维可视化图

    前段时间接了一个项目,涉及到了空间信息三维可视化的工作.之前在网上查找无意中看到ArcGIS API for JavaScript(以下简称"ArcGIS API"或"该 ...

  8. 基于ArcGIS API for JavaScript加载天地图

    文章目录 前言 效果图 详细代码 总结 参考链接 前言 该篇主要介绍如何用ArcGIS JS API加载天地图,具体应用场景以及需求分析等,在上篇基于ArcGIS API for JavaScript ...

  9. 基于ArcGIS API for JavaScript加载百度各种类型切片地图

    文章目录 应用场景 需求分析 效果图 实现代码 原理解读 应用场景 部分项目基于ArcGIS平台,但是甲方只提供部分矢量数据,用作底图的地形图数据没有,表示可以使用百度地图作为底图.所以才会有使用Ar ...

最新文章

  1. 头条一面:Spring IOC容器中只存放单例Bean吗?
  2. 影像组学视频学习笔记(32)-使用SimpleITK进行N4偏置场校正、Li‘s have a solution and plan.
  3. Linux ssh命令无法使用
  4. java怎么打开编程输入界面,建议收藏
  5. 通信电子线路期末复习第三章正弦波振荡器
  6. c语言switch虚线,有以下程序:include<stdio.h>main(){int c;while((c=getchar())!='\n')switch(c-'2'){case 1:pu...
  7. rpm 软件的安装和卸载
  8. 卷积核里面的参数怎么来的_FSNet:利用卷积核概要进行深度卷积神经网络的压缩...
  9. python基本运算
  10. Yii学习笔记之二(使用gii生成一个简单的样例)
  11. 谈谈这些年前端的变化
  12. 信安教程第二版-第12章网络安全审计技术原理与应用
  13. Java多线程_复习(更新中!!)
  14. UVa 714 抄书(贪心+二分)
  15. [转]Java计时器Timer 使用
  16. android自定义pickerview,一个非常好用的Android PickerView库
  17. 绿联串口线linux驱动下载,绿联USB转DB9串口线驱动 V1.6.1 Mac版
  18. iptables案例:使用iptables搭建路由器
  19. c++ idea 插件_idea快速开发插件
  20. 团队管理13--设定工作目标

热门文章

  1. 二级python报考资格_二级Python考试环境使用说明
  2. MySQL数据库---视图索引
  3. 网络安全专家——防火墙!!续
  4. 建站助手切换mysql版本_巧用网站管理助手,Mysql数据库损坏修复
  5. 1_机智云程序移植到HT32F52352上
  6. python 导入图片
  7. Windows 10 系统安装教程(本地安装)
  8. Python在Eclipse下的的开发插件PyDev使用教程
  9. java:Cassandra入门与实战——中
  10. mysql 聚集索引 存什么_什么是mysql的聚集索引?