Embedding Web Fonts
Including licensed font files in your theme.
You may have a set of font files licensed for your organization for web use. In order to add them to your theme's font families, you must first add them to your theme.
Add the font files to your Confluence home directory.
You should have a set of font files
From your Confluence
home
directory navigate tobrikit/themes.
- Select the folder that matches the appropriate theme.
- If not already there, add a
fonts
folder. - Within the
fonts
folder, add your font files:.eot
.svg
.ttf
.woff
Add custom supporting CSS to your Theme.
Your packaged web-font files will contain key information needed to create this file, written in the following format:
#embeddedFontFace("<font-family name>" "<font key>" "<font style>" "<font weight>" "<font id>")
- font-family name
- font key
- The name of your font file (minus the extension) is the font's key. Once you have this information, add the following CSS to your theme.
- font style
- font weight
- font ID
- You can find the font ID in the .svg file.
Example
#embeddedFontFace("Graphik Bold Web" "Graphik-Bold-Web" "normal" "bold" "Graphik-Bold-Web")
[[screenshot needed of actual CSS file. I think.]]