如何在Confluence插件中引用字体文件？

debugcn 发表于 Dev

杰克

我希望文本使用特定的字体样式，我将其CSS类分配为“ .title”，并且相关代码均在Confluence插件内的CSS文件中声明，如下所示：

@font-face {
    font-family: 'Myriad Pro';
    font-style: normal;
    src: url(MyriadPro-Regular.otf) format("opentype"), local("Consolas");
}

.title {
    font-family: Myriad Pro;
}

但是插件找不到字体文件。字体文件与CSS文件位于同一文件夹中。字体文件的网址应该是什么？

dvdsmpsn

对于Confluence Server，可以这样定义一个基本插件：

具有以下结构的某些文件：

/your-plugin-name/
/your-plugin-name/main
/your-plugin-name/main/java
/your-plugin-name/main/resources
/your-plugin-name/main/resources/atlassian-plugin.xml
/your-plugin-name/main/resources/css/custom.css
/your-plugin-name/main/resources/fonts/MyriadPro-Regular.otf

和atlassian-plugin.xml这样的：

<atlassian-plugin key="${project.groupId}.${project.artifactId}" name="${project.name}" plugins-version="2">
  <plugin-info>
    <description>${project.description}</description>
    <version>${project.version}</version>
    <vendor name="${project.organization.name}" url="${project.organization.url}" />
  </plugin-info>

  <web-resource key="your-web-resources" name="Web Resources">

    <resource name="style.css"  type="download" location="css/custom.css" />
    <resource name="myriad.otf" type="download" location="fonts/MyriadPro-Regular.otf" />

    <!-- Adding main & global contexts means that these web resources will always be loaded. -->
    <context>main</context>
    <context>global</context>

  </web-resource>

</atlassian-plugin>

您的CSS和字体文件将在整个Confluence中全局可用。

你的CSS文件将自动被加载并命名类似/downloads/gfdsgfdsgf/fdsgfd/me.davidsimpson.confluence.plugins.example:your-web-resources/style.css，其中gfdsgfdsgf/fdsgfd是一些随机的字符。

您应该能够引用字体文件，就像它们与css文件位于同一目录一样，如下所示：

@font-face {
  font-family: 'Myriad Pro';
  font-style: normal;
  src: url(myriad.otf) format("opentype"), local("Consolas");
}

.title {
  font-family: Myriad Pro;
}

..但请注意，它们有新名称- style.css＆myriad.otf。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。