书写字体

为避免网站负荷过重，WebAcappella 允许您定义 6 种不同的字体。

铸铁有 3 种类型：

  • 标准文本字体（已安装在系统中）

  • 网络字体（如 GoogleFonts）

  • 自定义网页字体（来自免费或付费文件）

建议在整个网站中最多使用一种或两种网络字体。

这样就可以快速显示图像，并保持一定的图形一致性。

../../_images/fonts_edition.webp

标准文本字体

标准文本字体选自几乎所有操作系统默认安装的字体（Arial、Times 等）。

这种字体不会占用任何网络资源，因为它已经存在于网站访问者的终端上。

定制网页文本

您可以找到提供网页字体文件的网站（免费或付费）。

../../_images/font_custom_edit.webp

下面是托管 "Amatic SC "字体的示例

  • 输入 "Amatic SC "字体的名称

  • 将 woff 和 woff2 文件添加到项目中

  • 复制 CSS 代码并包含文件 url（"{{ WA_FONT_FAMILY }}"将自动替换为 "Amatic SC"）。

/* amatic-sc-regular - latin */
@font-face {
  font-family: '{{ WA_FONT_FAMILY }}';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('{{WA_FILE amatic-sc-v24-latin-regular.woff2}}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('{{WA_FILE amatic-sc-v24-latin-regular.woff}}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* amatic-sc-700 - latin */
@font-face {
  font-family: '{{ WA_FONT_FAMILY }}';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('{{WA_FILE amatic-sc-v24-latin-700.woff2}}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('{{WA_FILE amatic-sc-v24-latin-700.woff}}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

谷歌网络字体

WebAcappella 可让您从 Google（谷歌字体）提供的网络字体列表中进行选择。

WebAcappella 会自动下载文件并安装到服务器上。

(服务器上的自动安装需要 WebAcappella FUSION PRO 许可证）

https://fonts.google.com/

../../_images/google_fonts.jpg