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 Add fonts Folder to Confluence home DirectoryFrom 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 Image Added
Add Custom CSS to Your ThemeYour packaged web-font files should contain the following information: - font-family name
- font style
- font weight
- font ID
Info |
---|
title | Where do I find the font ID? |
---|
| You can find the font ID in the .svg file. |
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. Image Removed Code Block |
---|
language | css |
---|
theme | Confluence |
---|
title | Format |
---|
| 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>";id>") |
Code Block |
---|
| 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 headingsIf you don't want numbers in the section headings, simply remove the "numbered" class from this block. #embeddedFontFace("Graphik Bold Web" "Graphik-Bold-Web" "normal" "bold" "Graphik-Bold-Web") |
Image AddedNote/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.
|