wordsIncluding licensed font files in your theme.

Replace me with a more complete explanation of what this how-to accomplishesYou 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.

To complete this step, you must have access to the server/computer on which Confluence was installed. You should have your set of purchased font files accessible.

• From your Confluence home directory navigate to brikit/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
  • .woff2

Add custom supporting CSS to your Theme.

Your packaged web-font files will contain key information needed to create a CSS file, including:

• font-family name
• font key
  • The name of your font file (minus the extension) is the font's key.
• font style
• font weight
• font ID
  • You can find the font ID in the .svg file.

Once you have located the key information, add a CSS file named embedded-fonts.css with the following format for each font:

copied over: 

When defining font families, use the following format. Be sure to use highly readable fonts that render well in all browsers.

^{Theme Press Control Panel > Theme Tab > Content > Fonts > Choices > Font Families}

Image Removed

fontFamily1: #embeddedFontFace("<font-family name 1>name>", "<font name 2>key>", "<font name 3>";
fontFamily2:style>" "<font name 1>weight>", "<font name 2>", "<font name 3>";

fontFamily1: "Helvetica Neue", Helvetica, Arial, sans-serif;
fontFamily2: Georgia, Times, "Times New Roman", serif; 

Font names with one word do not need quotes. 

You can add additional families as needed.

Use h4 for section headings

If you don't want numbers in the section headings, simply remove the "numbered" class from this block.

Note/Tip/Warning/Info blocks below are collapsed by default. If you want to use any of these, try to keep to just one per page. You may use two if necessary, but in general, try to limit these.

id>")

Example

#embeddedFontFace("Graphik Bold Web" "Graphik-Bold-Web" "normal" "bold" "Graphik-Bold-Web")

• Adding Web Fonts
• Defining Font Families
• Defining and Using Fonts
• Replace me with a link
• Replace me with a link
• Aim for 4 or fewer related links.  If we need more, that's okay.  Be judicious.  Delete me when you're done.