We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent 5a4f3fc commit 4afc970Copy full SHA for 4afc970
doc/Adding_a_custom_font.md
@@ -0,0 +1,30 @@
1
+# Setup
2
+
3
+1. Download your font file (eg. "7segment.ttf" from https://torinak.com/font/7-segment)
4
5
+2. Upload the font file to your website:
6
7
+ 1. Create a folder named `assets`.
8
+ 2. Move your font file into the `assets` folder.
9
+ Contents of this folder will directly be copied to the root of your build dir.
10
11
+3. Create a `.css` file that declares the font:
12
13
+ ```css
14
+ @font-face {
15
+ font-family: "7Segment";
16
+ src: url("/7segment.ttf");
17
+ }
18
19
+ .seven-segment {
20
21
+ letter-spacing: 2px;
22
23
+ ```
24
25
+# Use the font in your HTML
26
27
+```pug
28
+.ui.tag.black.big.label
29
+ span.seven-segment(style="color: red") {{read}}
30
+```
0 commit comments