Commit 6addbe6d authored by Gabriel Seltzer's avatar Gabriel Seltzer

Fix numbering on font docs

parent 82c487d1
Pipeline #47253306 passed with stages
in 2 minutes and 53 seconds
......@@ -4,9 +4,9 @@ There are two easy ways to change fonts:
== Use Yarn to Install a Font
1. Use npm or yarn to install your new font package
1. In `./antora-ui-default/src/css` add a new css file: `typeface-name-of-your-font.css`
1. Import your font:
. Use npm or yarn to install your new font package
. In `./antora-ui-default/src/css` add a new css file: `typeface-name-of-your-font.css`
. Import your font:
+
```css
@font-face {
......@@ -18,8 +18,8 @@ There are two easy ways to change fonts:
url(~name-of-your-package/files/name-of-your-font.woff) format("woff"),
}
```
1. Do this for each style (ie bold, monospace, etc) that you want to use.
1. Change the css to actually use your newly imported font. For example, if you want to use your font for all normal text on the site, you can edit `base.css` where it specifies the `font-family`:
. Do this for each style (ie bold, monospace, etc) that you want to use.
. Change the css to actually use your newly imported font. For example, if you want to use your font for all normal text on the site, you can edit `base.css` where it specifies the `font-family`:
+
```css
html {
......@@ -29,15 +29,15 @@ html {
text-size-adjust: 100%;
}
```
1. Save everything and test out the new font with `gulp preview`
. Save everything and test out the new font with `gulp preview`
== Manually add Font Files
To manually add font files, add them to `./antora-ui-default/src/font`. Next, you need to import them in the site's css:
1. In `./antora-ui-default/src/css` add a new css file: `typeface-name-of-your-font.css`
1. Import your font:
. In `./antora-ui-default/src/css` add a new css file: `typeface-name-of-your-font.css`
. Import your font:
+
```css
@font-face {
......@@ -46,8 +46,8 @@ To manually add font files, add them to `./antora-ui-default/src/font`. Next, yo
src: url("../font/name-of-your-font.otf");
}
```
1. Do this for each style (ie bold, monospace, etc) that you want to use.
1. Change the css to actually use your newly imported font. For example, if you want to use your font for all normal text on the site, you can edit `base.css` where it specifies the `font-family`:
. Do this for each style (ie bold, monospace, etc) that you want to use.
. Change the css to actually use your newly imported font. For example, if you want to use your font for all normal text on the site, you can edit `base.css` where it specifies the `font-family`:
+
```css
html {
......@@ -57,4 +57,4 @@ html {
text-size-adjust: 100%;
}
```
1. Save everything and test out the new font with `gulp preview`
. Save everything and test out the new font with `gulp preview`
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment