跳转到主要内容

在 Designer 中自定义图标和字体

了解如何在 ExpoFP Designer 中调整图标的颜色、线条端点与拐角样式,并为平面图上的文字、展位和空间设置自定义字体。

作者:Bruno Oliveira

您可以自定义用于标记各类 POI 的图标样式。您可以更改它们的颜色、尺寸和不透明度,操作方式与展位相同(在 Properties 面板中进行)。此外,非圆形图标还提供 Line Cap 和 Line Join 设置,可用于更改样式。请注意,这些设置同样适用于任何由直线构成的形状。

Line Cap

该设置用于定义开放线条两端的显示方式。

  • Butt —— 线条恰好在端点处结束

  • Round —— 线条末端为圆角

  • Square —— 线条末端以方形略微超出端点

请根据风格和清晰度来选择线条端点样式。若希望呈现柔和、亲和的设计,请使用 Round;若用于技术性或精确的图纸,请使用 Butt 或 Square。

Line Join

该设置与上述类似,用于定义两条线段在拐角处的连接方式。

  • Miter —— 尖锐的尖角

  • Round —— 圆润的拐角

  • Bevel —— 平直的切角


需要锐利的角时请使用 Miter,需要更柔和的形状时请使用 Round,若要避免过于尖锐或过长的拐角,请使用 Bevel。

如何自定义字体

为确保活动平面图呈现统一且专业的视觉效果,您可以上传与品牌相符的字体。这些字体可应用于背景文字、展位及其他空间(默认使用 Oswald 字体)。

平面图上的文字字体可在 Designer

中进行调整。请按以下步骤操作:

1. 在平面图中添加一个文本元素

。

2. 从设置面板的下拉列表中选择字体;如果您想使用特定字体,也可以直接从电脑上传。点击加号图标并选择字体文件。

如何为展位/空间添加字体

所有受支持字体的列表可在此处查看。请注意,目前尚不支持其他自定义字体。

如需更改展位/空间的字体,请前往 Floor plan settings(平面图设置)。

  1. 点击 Add Custom CSS。

  2. 添加以下代码:

@import url('https://fonts.googleapis.com/css2?family=FONTNAME&display=swap');
:root {
--expofp-font-face:"FONTNAME";
}

3. 将 "family= 和 expofp-font-face:" 之后的 FONTNAME 替换为您想使用的字体名称,然后点击 Save。

这是否解答了您的问题?