| Confluence customcss macro |
|---|
| css | @import url('https://fonts.googleapis.com/css2?family=Potta+One&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Hachi+Maru+Pop&display=swap'); h1 { font-family: 'Potta One', cursive; } p { font-family: 'Hachi Maru Pop', cursive; } |
|---|
| disableConfluenceStyles | false |
|---|
|
HeadlineLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. |
| Info |
|---|
The content above shows how you can style include custom fonts for your Confluence content. In our example we use Google Fonts (see CSS code below). |
CSS Code
| Confluence prism macro |
|---|
| lineNumbers | true |
|---|
| showPreviews | |
|---|
| downloadFilename | |
|---|
| showInvisibles | |
|---|
| lineHighlight | |
|---|
| language | CSS |
|---|
| lineNumbersStart | |
|---|
| dialogTitle | |
|---|
| limitHeight | |
|---|
| height | |
|---|
| clickableLinks | |
|---|
|
@import url('https://fonts.googleapis.com/css2?family=Potta+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hachi+Maru+Pop&display=swap');
h1 {
font-family: 'Potta One', cursive;
}
p {
font-family: 'Hachi Maru Pop', cursive;
} |
The code above is rendered by "Prism Syntax Highlighter for Confluence" which supports highlighting CSS syntax.