添加 Google 字体
了解如何将 Google 字体添加到您的项目中。
在皮肤编辑器中:
-
打开皮肤属性。(您可能需要在画布中单击才能查看属性。 -
找到外部文件窗格。 -
双击表格以添加文件。 -
选择 CSS。 -
在 URL 列中添加字体的 URL。例如,https://fonts.googleapis.com/css?family=Quicksand.如果使用外部本地文件,则可以添加其文件路径assets/myfont.tff或将它们添加到代码元素中。 -
通过单击编辑按钮编辑嵌入式样式表 。 -
修改样式表以包含新的类和样式:.ggskin.title { font-family: "Quicksand", sans-serif; font-size: 20px; }.title是类。 -
添加文本框 。 -
打开“高级”窗格。 -
将标题添加到 CSS 类字段。★ 不要包括句点..可以添加多个类,用空格分隔。 -
使用实时预览或实时更新检查样式。
★ 提示 要在组件中包含 CSS/字体,请将 CSS 添加到代码元素 ,并将字体文件添加到本地文件 。这样,代码元素(及其本地文件)就保存在皮肤中,并且可以与组件捆绑在一起。这允许您将皮肤或组件与字体共享为皮肤的一部分。