@thewakingsands/axis-font-icons

Icons in FFXIV Axis font

English Version

本仓库提供《最终幻想 14》游戏内使用的 fonticon 的定义和 webfont css 文件。这里提供的图标定义均仔细考证游戏中的用处，并精心挑选其命名。

对部分图标我们仍未知道其具体用途。如果你知道，可以在 issue 中告诉我们。

字体下载地址

请注意，由于 webfont 文件版权属于 SE，本项目并不分发字体，你需要自行下载字体使用，并确保遵循 SE 的版权规定。

https://img.finalfantasyxiv.com/lds/pc/global/fonts/FFXIV_Lodestone_SSF.woff
https://img.finalfantasyxiv.com/lds/pc/global/fonts/FFXIV_Lodestone_SSF.ttf

使用方法

本仓库提供一个字体定义文件 characters.json 和一份处理好的 css 文件 index.css。

首先你需要使用 CSS 定义 webfont 如下：

@font-face {
  font-family: 'FFXIV';
  src: url('FFXIV_Lodestone_SSF.ttf') format('truetype'),
       url('FFXIV_Lodestone_SSF.woff') format('woff');
  unicode-range: U+E020-E0DB;
}

注意修改其中的 url 为上文下载的字体文件。

然后你需要引入本仓库中提供的 index.css，此操作方法多种多样，请根据自己情况选择。 例如在有 style-loader 的 webpack 项目中，可以通过在入口点 import 本项目：

import '@thewakingsands/axis-font-icons'

或者直接复制最新的CSS 代码也可以。

引入完成后，在 HTML 中可直接使用 <i> 标签显示字体：

<i class="xiv hq"></i>

或者也可以使用字符的 16 进制编码：

<i class="xiv e03c"></i>

字符集

字符集可以在 这里 查看，或者运行 make.sh 后打开本地的 icons.html。