ArcGIS API For JavaScript Font字体简介,下载及本地部署
一、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的命名规范为
- family 均变为小写字母,空格改为横杠 “-”
- weight :normal对应regular,bold 对应 bold
- style :一般没有
- 以上转换好之后,按 [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字体简介,下载及本地部署相关推荐
- ArcGIS API for JavaScript如何使用本地的字体库
需求: ArcGIS API for JavaScript如何使用本地的字体库,解决内网环境,或者我想用我自己的好看的字体的需求. 思路: 下载对应的字体文件(.pbf)或者将操作系统自带的字体文件( ...
- 图解ArcGIS API for JavaScript开发环境搭建
ESRI公司截止到目前已经发布了最新的ArcGIS Server for JavaScript API v3.9,它提供了更为丰富而又强大的功能. 本篇经验向大家介绍其本地部署及简单的第一个地图应用程 ...
- 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下 ...
- ArcGIS API for JavaScript 如何下载最新版
ArcGIS API for JavaScript以及ArcGIS 其他开发语言最新的开发包均可从developers网站进行下载. 网站链接:https://developers.arcgis.co ...
- Arcgis api for JavaScript下载及部署(IIS和Tomcat)
目录 一,各版本下载地址 二,ArcGIS API For JavaScript3.17本地部署(IIS) 2.1 修改相应的js文件(2个文件) 2.2 将修改好的函数库复制到指定位置 2.3 测试 ...
- ArcGIS API for JavaScript :简介与快速上手
一.简介 子路曰:"卫君待子而为政,子将奚先?"子曰:"必也正名乎!" 孔子认为,为政最先要做的事情是正名,名不正则言不顺. 语言是上天赋予人类的神奇能力,而& ...
- 用ArcGIS API for JavaScript制作三维可视化图
前段时间接了一个项目,涉及到了空间信息三维可视化的工作.之前在网上查找无意中看到ArcGIS API for JavaScript(以下简称"ArcGIS API"或"该 ...
- 基于ArcGIS API for JavaScript加载天地图
文章目录 前言 效果图 详细代码 总结 参考链接 前言 该篇主要介绍如何用ArcGIS JS API加载天地图,具体应用场景以及需求分析等,在上篇基于ArcGIS API for JavaScript ...
- 基于ArcGIS API for JavaScript加载百度各种类型切片地图
文章目录 应用场景 需求分析 效果图 实现代码 原理解读 应用场景 部分项目基于ArcGIS平台,但是甲方只提供部分矢量数据,用作底图的地形图数据没有,表示可以使用百度地图作为底图.所以才会有使用Ar ...
最新文章
- 头条一面:Spring IOC容器中只存放单例Bean吗?
- 影像组学视频学习笔记(32)-使用SimpleITK进行N4偏置场校正、Li‘s have a solution and plan.
- Linux ssh命令无法使用
- java怎么打开编程输入界面,建议收藏
- 通信电子线路期末复习第三章正弦波振荡器
- c语言switch虚线,有以下程序:include<stdio.h>main(){int c;while((c=getchar())!='\n')switch(c-'2'){case 1:pu...
- rpm 软件的安装和卸载
- 卷积核里面的参数怎么来的_FSNet:利用卷积核概要进行深度卷积神经网络的压缩...
- python基本运算
- Yii学习笔记之二(使用gii生成一个简单的样例)
- 谈谈这些年前端的变化
- 信安教程第二版-第12章网络安全审计技术原理与应用
- Java多线程_复习(更新中!!)
- UVa 714 抄书(贪心+二分)
- [转]Java计时器Timer 使用
- android自定义pickerview,一个非常好用的Android PickerView库
- 绿联串口线linux驱动下载,绿联USB转DB9串口线驱动 V1.6.1 Mac版
- iptables案例:使用iptables搭建路由器
- c++ idea 插件_idea快速开发插件
- 团队管理13--设定工作目标