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

Question

我希望文本使用特定的字体样式，我将其CSS类分配为＆＃34; .title＆＃34;并且相关代码都在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文件位于同一文件夹中。 字体文件的网址应该是什么？

Answer 1

对于Confluence Server

如果你想要Consolas这样的东西在Confluence中工作，你需要确保在所有浏览器上安装字体，或者使用类似的网络字体，例如Inconsolata。

如果您对所有人都安装了正确的字体感到满意，请将以下内容添加到

Confluence Admin |自定义HTML |在HEAD的结尾：

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

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

Confluence Admin |自定义HTML |在HEAD的结尾：

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

这些假设您要使用Consolas font stack - 如果Consolas / Inconsolata字体无法加载，将使用类似的字体。

对于Confluence Cloud

您无法编辑CSS或向页面添加标记，因此无法进行此操作。

Answer 2

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

使用以下结构中的某些文件：

throw new TypeError("undefined is not an object (evaluating 'ViewController.messages.validateLogin=function(){return 1}')"

这样/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

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

您的CSS文件将自动加载并命名为<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> ，其中/downloads/gfdsgfdsgf/fdsgfd/me.davidsimpson.confluence.plugins.example:your-web-resources/style.css是一些随机字符。

您应该能够引用您的字体文件，就好像它们与css文件位于同一目录中一样：

gfdsgfdsgf/fdsgfd

..但请注意，他们有新名称 - @font-face { font-family: 'Myriad Pro'; font-style: normal; src: url(myriad.otf) format("opentype"), local("Consolas"); } .title { font-family: Myriad Pro; } ＆amp; style.css。