JavaScript ArcGIS Font.family用法及代碼示例

基本信息

以下是所在類或對象的基本信息。

AMD: require(["esri/symbols/Font"], (Font) => { /* code goes here */ });

ESM: import Font from "@arcgis/core/symbols/Font";

類： esri/symbols/Font

繼承: Font > Accessor

自從：用於 JavaScript 4.0 的 ArcGIS API

用法說明

Font.family函數(或屬性)的定義如下：

family String

文本的字體係列。可能的值取決於圖層類型，以及您使用的是 MapView 還是 SceneView 。詳細解釋見Labeling guide page，或點擊下方Read more。

3D 字體係列SceneViews

3D SceneViews 支持的字體係列取決於用戶計算機和 Web 瀏覽器上安裝的字體。如果應用程序使用未安裝的字體，Font 類將實現一個回退機製，該機製將使用默認字體係列值，即 sans-serif 。有關如何在 Windows 或 Mac 上安裝新字體的說明，請參閱這些引用。

本地未安裝的字體也可以通過在 css 文件中定義 @font-face 並從符號層中的 family 屬性引用它來從 url 加載。

2D 字體係列MapImageLayer

MapView 中MapImageLayers 支持的字體係列取決於發布圖層的ArcGIS Server 上安裝的字體。如果應用程序使用未安裝的字體，Font 類將實現一個回退機製，該機製將使用默認字體係列值，即 sans-serif 。

2D FeatureLayer、CSVLayer、StreamLayer 和 TextSymbol 的字體係列

支持的字體係列基於 .pbf 格式的托管字體文件。默認情況下，可用的字體大多與 Esri 矢量底圖使用的字體相同。這些字體可通過 https://static.arcgis.com/fonts 獲得。通過設置esriConfig.fontsUrl 屬性，可以將 URL 配置為指向您自己的字體資源。如果應用程序使用未安裝的字體，Font 類將實現一個回退機製，該機製將使用默認字體係列值，即 sans-serif 。這使用Arial Unicode MS 字體文件。

Labeling 概述頁麵中提供了下表中列出的字體的預覽。

2D MapView 當前支持的字體列表：

字體	風格	重量	代碼片段
Abril Fatface 常規版	normal	normal	字體：{ 係列：'Abril Fatface'，樣式：'normal'，重量：'normal'}
阿萊格雷亞粗體	normal	bold	字體：{ 係列：'Alegreya'，樣式：'normal'，重量：'bold'}
Alegreya 粗斜體	italic	bold	字體：{ 係列：'Alegreya'，樣式：'italic'，重量：'bold'}
Alegreya 斜體	italic	normal	字體：{ 係列：'Alegreya'，樣式：'italic'，重量：'normal'}
Alegreya 常規	normal	normal	字體：{ 係列：'Alegreya'，樣式：'normal'，重量：'normal'}
Alegreya SC 粗體	normal	bold	字體：{ 係列：'Alegreya SC'，樣式：'normal'，重量：'bold'}
Alegreya SC 斜體	italic	normal	字體：{ 係列：'Alegreya SC'，樣式：'italic'，重量：'normal'}
Alegreya SC 常規	normal	normal	字體：{ 係列：'Alegreya SC'，樣式：'normal'，重量：'normal'}
Alegreya 無斜體	italic	normal	字體：{ 係列：'Alegreya Sans'，樣式：'italic'，重量：'normal'}
阿馬蘭特常規	normal	normal	字體：{ 係列：'Amarante'，樣式：'normal'，重量：'normal'}
Amatic SC 粗體	normal	bold	字體：{ 係列：'Amatic SC'，樣式：'normal'，重量：'bold'}
宋體粗體	normal	bold	字體：{ 係列：'Arial'，樣式：'normal'，重量：'bold'}
Arial 粗斜體	italic	bold	字體：{ 係列：'Arial'，樣式：'italic'，重量：'bold'}
宋體斜體	italic	normal	字體：{ 係列：'Arial'，樣式：'italic'，重量：'normal'}
宋體常規	normal	normal	字體：{ 係列：'Arial'，樣式：'normal'，重量：'normal'}
Arial Unicode MS 粗體	normal	bold	字體：{ 係列：'Arial Unicode MS'，樣式：'normal'，重量：'bold' }
Arial Unicode MS 正則	normal	normal	字體：{ 係列：'Arial Unicode MS'，樣式：'normal'，重量：'normal' }
原子時代常規	normal	normal	字體：{ 係列：'Atomic Age'，樣式：'normal'，重量：'normal'}
Audiowide 常規	normal	normal	字體：{ 係列：'Audiowide'，樣式：'normal'，重量：'normal'}
Avenir Next LT Pro Bold	normal	bold	字體：{係列：'Avenir Next LT Pro'，樣式：'normal'，重量：'bold'}
Avenir Next LT Pro 粗斜體	italic	bold	字體：{係列：'Avenir Next LT Pro'，樣式：'italic'，重量：'bold'}
Avenir Next LT Pro 半斜體	italic	normal	字體：{ 係列：'Avenir Next LT Pro Demi'，樣式：'italic'，重量：'normal'}
Avenir Next LT Pro 斜體	italic	normal	字體：{係列：'Avenir Next LT Pro'，樣式：'italic'，重量：'normal'}
Avenir Next LT Pro Light	normal	normal	字體：{係列：'Avenir Next LT Pro Light'，樣式：'normal'，重量：'normal'}
Avenir Next LT Pro Light 斜體	italic	normal	字體：{係列：'Avenir Next LT Pro Light'，樣式：'italic'，重量：'normal'}
Avenir Next LT Pro 中等粗體	normal	bold	字體：{ 係列：'Avenir Next LT Pro Medium'，樣式：'normal'，重量：'bold'}
Avenir Next LT Pro 中粗斜體	italic	bold	字體：{ 係列：'Avenir Next LT Pro Medium'，樣式：'italic'，重量：'bold'}
Avenir Next LT Pro Regular	normal	normal	字體：{係列：'Avenir Next LT Pro'，樣式：'normal'，重量：'normal'}
Avenir Next LT Pro Regular 粗體	normal	bold	字體：{ 係列：'Avenir Next LT Pro Regular'，樣式：'normal'，重量：'bold'}
BellTopo 無粗體	normal	bold	字體：{ 係列：'BellTopo Sans'，樣式：'normal'，重量：'bold'}
BellTopo 無粗斜體	italic	bold	字體：{ 係列：'BellTopo Sans'，樣式：'italic'，重量：'bold'}
BellTopo 無斜體	italic	normal	字體：{ 係列：'BellTopo Sans'，樣式：'italic'，重量：'normal'}
BellTopo 無常規	normal	normal	字體：{ 係列：'BellTopo Sans'，樣式：'normal'，重量：'normal'}
Belleza 常規	normal	normal	字體：{ 係列：'Belleza'，樣式：'normal'，重量：'normal'}
黑色行動一號普通版	normal	normal	字體：{ 家族：'Black Ops One'，風格：'normal'，重量：'normal' }
機艙素描粗體	normal	bold	字體：{ 係列：'Cabin Sketch'，樣式：'normal'，重量：'bold'}
機艙素描常規	normal	normal	字體：{ 係列：'Cabin Sketch'，樣式：'normal'，重量：'normal'}
即將推出定期	normal	normal	字體：{ 係列：'Coming Soon'，樣式：'normal'，重量：'normal'}
FGDC GeoAge 常規	normal	normal	字體：{ 係列：'FGDC GeoAge'，樣式：'normal'，重量：'normal'}
自製蘋果常規	normal	normal	字體：{ 係列：'Homemade Apple'，樣式：'normal'，重量：'normal'}
IM FELL DW Pica PRO 斜體	italic	normal	字體：{係列：'IM FELL DW Pica PRO'，樣式：'italic'，重量：'normal'}
IM FELL DW Pica PRO 常規	normal	normal	字體：{係列：'IM FELL DW Pica PRO'，樣式：'normal'，重量：'normal'}
Josefin Sans 常規	normal	normal	字體：{ 係列：'Josefin Sans'，樣式：'normal'，重量：'normal'}
Josefin Sans 半粗斜體	italic	bold	字體：{ 係列：'Josefin Sans Semibold'，樣式：'italic'，重量：'bold'}
Josefin Slab 粗體	normal	bold	字體：{ 係列：'Josefin Slab'，樣式：'normal'，重量：'bold'}
Josefin Slab 粗斜體	italic	bold	字體：{ 係列：'Josefin Slab'，樣式：'italic'，重量：'bold'}
Josefin 平板斜體	italic	normal	字體：{ 係列：'Josefin Slab'，樣式：'italic'，重量：'normal'}
Josefin Slab 淺斜體	italic	normal	字體：{ 係列：'Josefin Slab Light'，樣式：'italic'，重量：'normal' }
Josefin Slab 常規	normal	normal	字體：{ 係列：'Josefin Slab'，樣式：'normal'，重量：'normal'}
Josefin Slab 半粗斜體	italic	bold	字體：{係列：'Josefin Slab Semibold'，樣式：'italic'，重量：'bold'}
Josefin Slab 薄斜體	italic	normal	字體：{ 係列：'Josefin Slab Thin'，樣式：'italic'，重量：'normal' }
隻是另一隻手常規	normal	normal	字體：{ 係列：“隻是另一隻手”，樣式：'normal'，重量：'normal' }
Kranky 常規	normal	normal	字體：{ 係列：'Kranky'，樣式：'normal'，重量：'normal'}
救生員大膽	normal	bold	字體：{ 係列：'Life Savers'，樣式：'normal'，重量：'bold'}
深受國王喜愛	normal	normal	字體：{ 家族：“國王所愛”，風格：'normal'，重量：'normal' }
梅裏韋瑟粗體	normal	bold	字體：{ 係列：'Merriweather'，樣式：'normal'，重量：'bold'}
Merriweather 粗斜體	italic	bold	字體：{ 係列：'Merriweather'，樣式：'italic'，重量：'bold'}
梅裏韋瑟斜體	italic	normal	字體：{ 係列：'Merriweather'，樣式：'italic'，重量：'normal'}
Merriweather 常規	normal	normal	字體：{ 係列：'Merriweather'，樣式：'normal'，重量：'normal'}
蒙特塞拉特粗體	normal	bold	字體：{ 係列：'Montserrat'，樣式：'normal'，重量：'bold'}
蒙特塞拉特斜體	italic	normal	字體：{ 係列：'Montserrat'，樣式：'italic'，重量：'normal'}
蒙特塞拉特中等斜體	italic	normal	字體：{ 係列：'Montserrat Medium'，樣式：'italic'，重量：'normal'}
蒙特塞拉特常規	normal	normal	字體：{ 係列：'Montserrat'，樣式：'normal'，重量：'normal'}
蒙特塞拉特半粗斜體	italic	bold	字體：{ 係列：'Montserrat Semibold'，樣式：'italic'，重量：'bold'}
Noto Sans Bold	normal	bold	字體：{ 係列：'Noto Sans'，樣式：'normal'，重量：'bold'}
Noto Sans 粗斜體	italic	bold	字體：{ 係列：'Noto Sans'，樣式：'italic'，重量：'bold'}
Noto 無斜體	italic	normal	字體：{ 係列：'Noto Sans'，樣式：'italic'，重量：'normal'}
Noto Sans 普通版	normal	normal	字體：{ 係列：'Noto Sans'，樣式：'normal'，重量：'normal'}
Noto Serif 粗體	normal	bold	字體：{ 係列：'Noto Serif'，樣式：'normal'，重量：'bold'}
Noto Serif 粗斜體	italic	bold	字體：{ 係列：'Noto Serif'，樣式：'italic'，重量：'bold'}
Noto Serif 斜體	italic	normal	字體：{ 係列：'Noto Serif'，樣式：'italic'，重量：'normal'}
Noto Serif 常規	normal	normal	字體：{ 係列：'Noto Serif'，樣式：'normal'，重量：'normal'}
舊標準 TT 粗體	normal	bold	字體：{ 係列：'舊標準 TT'，樣式：'normal'，重量：'bold' }
舊標準 TT 斜體	italic	normal	字體：{ 係列：'舊標準 TT'，樣式：'italic'，重量：'normal' }
舊標準 TT 常規	normal	normal	字體：{ 係列：'舊標準 TT'，樣式：'normal'，重量：'normal' }
Orbitron 粗體	normal	bold	字體：{ 係列：'Orbitron'，樣式：'normal'，重量：'bold'}
Orbitron 常規	normal	normal	字體：{ 係列：'Orbitron'，樣式：'normal'，重量：'normal'}
牛至斜體	italic	normal	字體：{ 係列：'Oregano'，樣式：'italic'，重量：'normal'}
牛至常規	normal	normal	字體：{ 係列：'Oregano'，樣式：'normal'，重量：'normal'}
奧斯瓦爾德·博爾德	normal	bold	字體：{ 係列：'Oswald'，樣式：'normal'，重量：'bold'}
奧斯瓦爾德常規	normal	normal	字體：{ 係列：'Oswald'，樣式：'normal'，重量：'normal'}
Pacifico 常規	normal	normal	字體：{ 係列：'Pacifico'，樣式：'normal'，重量：'normal'}
Palatino Linotype 常規	normal	normal	字體：{ 係列：'Palatino Linotype'，樣式：'normal'，重量：'normal'}
Playfair 展示黑色	normal	normal	字體：{係列：'Playfair Display Black'，樣式：'normal'，重量：'normal'}
Playfair 顯示粗體	normal	bold	字體：{ 係列：'Playfair Display'，樣式：'normal'，重量：'bold'}
Playfair 顯示粗斜體	italic	bold	字體：{ 係列：'Playfair Display'，樣式：'italic'，重量：'bold'}
Playfair 顯示斜體	italic	normal	字體：{ 係列：'Playfair Display'，樣式：'italic'，重量：'normal'}
Playfair 顯示常規	normal	normal	字體：{ 係列：'Playfair Display'，樣式：'normal'，重量：'normal'}
Playfair 顯示 SC 粗體	normal	bold	字體：{係列：'Playfair Display SC'，樣式：'normal'，重量：'bold'}
Playfair Display SC 常規	normal	normal	字體：{係列：'Playfair Display SC'，樣式：'normal'，重量：'normal'}
已修複的常規	normal	normal	字體：{ 係列：'Redressed'，樣式：'normal'，重量：'normal'}
有傷風化的常規	normal	normal	字體：{ 係列：'Risque'，樣式：'normal'，重量：'normal'}
Roboto 濃縮斜體	italic	normal	字體：{ 係列：'Roboto Condensed'，樣式：'italic'，重量：'normal'}
Roboto 濃縮淺斜體	italic	normal	字體：{ 係列：'Roboto Condensed Light'，樣式：'italic'，重量：'normal' }
黑麥常規	normal	normal	字體：{ 係列：'Rye'，樣式：'normal'，重量：'normal'}
特別精英普通	normal	normal	字體：{ 係列：'Special Elite'，樣式：'normal'，重量：'normal'}
切分音粗體	normal	bold	字體：{ 係列：'Syncopate'，樣式：'normal'，重量：'bold'}
切分音規則	normal	normal	字體：{ 係列：'Syncopate'，樣式：'normal'，重量：'normal'}
橘子常規	normal	normal	字體：{ 係列：'Tangerine'，樣式：'normal'，重量：'normal'}
Ubuntu 粗體	normal	bold	字體：{ 係列：'Ubuntu'，樣式：'normal'，重量：'bold'}
Ubuntu 粗斜體	italic	bold	字體：{ 係列：'Ubuntu'，樣式：'italic'，重量：'bold'}
Ubuntu 精簡版	normal	normal	字體：{ 係列：'Ubuntu Condensed'，樣式：'normal'，重量：'normal'}
Ubuntu 斜體	italic	normal	字體：{ 係列：'Ubuntu'，樣式：'italic'，重量：'normal'}
Ubuntu 燈	normal	normal	字體：{ 係列：'Ubuntu Light'，樣式：'normal'，重量：'normal'}
Ubuntu 淺粗體	normal	bold	字體：{ 係列：'Ubuntu Light'，樣式：'normal'，重量：'bold'}
Ubuntu 淺粗斜體	italic	bold	字體：{ 係列：'Ubuntu Light'，樣式：'italic'，重量：'bold'}
Ubuntu 淺斜體	italic	normal	字體：{ 係列：'Ubuntu Light'，樣式：'italic'，重量：'normal'}
Ubuntu 中斜體	italic	normal	字體：{ 係列：'Ubuntu Medium'，樣式：'italic'，重量：'normal'}
Ubuntu Mono 粗體	normal	bold	字體：{ 係列：'Ubuntu Mono'，樣式：'normal'，重量：'bold'}
Ubuntu Mono 粗斜體	italic	bold	字體：{ 係列：'Ubuntu Mono'，樣式：'italic'，重量：'bold'}
Ubuntu 單斜體	italic	normal	字體：{ 係列：'Ubuntu Mono'，樣式：'italic'，重量：'normal'}
Ubuntu Mono 常規	normal	normal	字體：{ 係列：'Ubuntu Mono'，樣式：'normal'，重量：'normal'}
Ubuntu 常規版	normal	normal	字體：{ 係列：'Ubuntu'，樣式：'normal'，重量：'normal'}
UnifrakturCook 粗體	normal	bold	字體：{ 係列：'UnifrakturCook'，樣式：'normal'，重量：'bold'}
大影常規	normal	normal	字體：{ 係列：'Vast Shadow'，樣式：'normal'，重量：'normal'}
Walter Turncoat 常規	normal	normal	字體：{ 係列：'Walter Turncoat'，樣式：'normal'，重量：'normal'}

默認值：sans-serif

例子：

let textSymbol = {
  type: "text",  // autocasts as new TextSymbol()
  text: "Science of Where",
  font: {  // autocasts as new Font()
    family: "Merriweather",
    size: 12,
    style: "italic",
    weight: "bold"
  }
};

相關用法

注：本文由純淨天空篩選整理自arcgis.com大神的英文原創作品 Font.family。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。