在 Vuforia Studio 中使用 CSS 和样式
在“项目”窗格中的“样式”下面，单击“应用程序”，然后在应用程序样式编辑器中输入您的 CSS。例如，您可以输入以下内容为按钮创建一个类：
.my-button {
font-family: Century Gothic;
color: black;
font-weight: normal;
font-style: italic;
background-color: grey
}
然后，在按钮的“详细信息”窗格的“类”字段中输入以下内容：
my-button
 |
请注意，最好为您的类指定唯一名称，以避免与其他类或预装属性发生冲突。
|
这是指 > 中添加的内容。
 |
如果新样式未立即反映在工作区上，请尝试保存项目。
|
如果要试用一些 CSS 示例，请查看各个小组件主题。
使用自定义字体
您可以使用应用程序样式编辑器将自定义字体导入 Vuforia Studio。下面是示例：
@import url(//fonts.googleapis.com/css?family=Bowlby+One);
.specialfont{
font-family:'Bowlby One';
}
当您在应用程序编辑器中添加上述字体后，即可在类中使用导入的字体。例如：
.ptc-label {
font-size: 24px;
font-family: Bowlby One;
font-weight: normal;
color: black;
}
CSS 优先级
如果所有 CSS 使用相同的选择器，则应用程序 CSS 文件中设置的样式将覆盖默认主题中的任何 CSS。选择器的专用性有时会导致主题样式覆盖单个类声明。有关选择器专用性的详细信息，请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity。
小组件中的样式相关属性将覆盖应用程序 CSS 或主题中设置的样式，因为前者是通过内联样式属性设置的。小组件属性可以被视为对常规规则的本地重写。
状态格式功能将覆盖应用程序 CSS 和主题，因为该功能会在上述文件之后插入样式。但是，它可能会被使用 !important 重写语法的应用程序样式覆盖，或者由于使用过于特定的选择器而被覆盖。