Plugins 如何在汇流插件中引用字体文件？

我想要一个使用特定字体样式的文本，我将其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文件位于同一文件夹中。 字体文件的url应该是什么？

对于Confluence Server 如果您希望像ConsoleAs这样的东西在Confluence中工作，您需要确保字体安装在所有浏览器上，或者使用类似的web字体，例如

如果您很高兴每个人都安装了正确的字体，请将以下内容添加到

头部末尾的Confluence Admin |自定义HTML |：

<style> body { font-family: Consolas, monaco, monospace; } </style>

<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
<style> body { font-family: Inconsolata, Consolas, monaco, monospace; } </style>

body{font系列：康索拉斯、摩纳哥、monospace；}

如果您决定使用web字体，请将以下内容添加到

头部末尾的Confluence Admin |自定义HTML |：

<style> body { font-family: Consolas, monaco, monospace; } </style>

<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
<style> body { font-family: Inconsolata, Consolas, monaco, monospace; } </style>

正文{字体系列：Incolata、Consoleas、摩纳哥、monospace；}

这些假设您希望使用-如果无法加载ConsoleAS/InColata字体，将使用类似的字体

汇流云 您无法编辑CSS或向页面添加标记，因此这是不可能的

用于汇流服务器 如果您希望像ConsoleAs这样的东西在Confluence中工作，您需要确保字体安装在所有浏览器上，或者使用类似的web字体，例如

如果您很高兴每个人都安装了正确的字体，请将以下内容添加到

头部末尾的Confluence Admin |自定义HTML |：

<style> body { font-family: Consolas, monaco, monospace; } </style>

<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
<style> body { font-family: Inconsolata, Consolas, monaco, monospace; } </style>

body{font系列：康索拉斯、摩纳哥、monospace；}

如果您决定使用web字体，请将以下内容添加到

头部末尾的Confluence Admin |自定义HTML |：

<style> body { font-family: Consolas, monaco, monospace; } </style>

<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
<style> body { font-family: Inconsolata, Consolas, monaco, monospace; } </style>

正文{字体系列：Incolata、Consoleas、摩纳哥、monospace；}

这些假设您希望使用-如果无法加载ConsoleAS/InColata字体，将使用类似的字体

汇流云

---

您无法编辑CSS或向页面添加标记，因此这是不可能的

对于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>

---

…但请注意，它们有了新名称-

style.css

&

myriad.otf

对于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>

---

…但请注意，它们有新名称-

style.css

&

myriad.otf

您好，这是您对Confluence全局设置的回答吗？文本是从插件生成的，是否可以在插件中使用相同的方式显示指定字体？如果要在插件中显示指定字体，请在web面板模块中添加，或者使用web资源模块添加本地css，该css捆绑远程CD文件的内容。这样，每当使用插件时，样式都会被应用到DVDSMP中，我将字体文件放在参考资料文件夹中，并在css文件中添加这一行

url（/download/resources/com.xyz.org/MyriadPro Regular.otf）

。用Chrome开发者工具检查文本，它的字体是Myriad Pro，但实际上它看起来不是Myriad Pro字体。有什么错误或遗漏了吗？嗨，我更新了我的问题，你能给我一些建议吗？谢谢。您好，dvdsmps，这是您对Confluence全球设置的回答吗？文本是从插件生成的，是否可以在插件中使用相同的方式显示指定字体？如果要在插件中显示指定字体，请在web面板模块中添加，或者使用web资源模块添加本地css，该css捆绑远程CD文件的内容。这样，每当使用插件时，样式都会被应用到DVDSMP中，我将字体文件放在参考资料文件夹中，并在css文件中添加这一行

url（/download/resources/com.xyz.org/MyriadPro Regular.otf）

。用Chrome开发者工具检查文本，它的字体是Myriad Pro，但实际上它看起来不是Myriad Pro字体。有什么错误或遗漏了吗？嗨，我更新了我的问题，你能给我一些建议吗？非常感谢。