添加 Google 字体

了解如何将 Google 字体添加到您的项目中。

皮肤编辑器中:

  1. 打开皮肤属性。(您可能需要在画布中单击才能查看属性。

  2. 找到外部文件窗格。

  3. 双击表格以添加文件。

  4. 选择 CSS

  5. 在 URL 列中添加字体的 URL。例如, https://fonts.googleapis.com/css?family=Quicksand .如果使用外部本地文件,则可以添加其文件路径 assets/myfont.tff 或将它们添加到代码元素中。

  6. 通过单击编辑按钮编辑嵌入式样式表

  7. 修改样式表以包含新的类和样式:

    .ggskin.title {  font-family: "Quicksand", sans-serif;  font-size: 20px; } 

    .title 是类。

  8. 添加文本框

  9. 打开“高级”窗格。

  10. 标题添加到 CSS 类字段。★ 不要包括句点 ..可以添加多个类,用空格分隔。

  11. 使用实时预览或实时更新检查样式。

★ 提示  要在组件中包含 CSS/字体,请将 CSS 添加到代码元素 ,并将字体文件添加到本地文件 。这样,代码元素(及其本地文件)就保存在皮肤中,并且可以与组件捆绑在一起。这允许您将皮肤或组件与字体共享为皮肤的一部分。
https://vimeo.com/358516909

另请参阅...

上次修改时间:2022 年 11 月 29 日