diff options
| author | Ben Woodward <ben@bdw.to> | 2021-08-06 14:22:41 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-08-06 14:22:41 -0700 |
| commit | df6d62c397992aef26c3abb26ad667bcbc7184ad (patch) | |
| tree | 311c137eaf77d0bd11a3c1daad1a1610779a7bb3 /src | |
| parent | 4702eb67aae29980301df7544622ea39f7b25d8a (diff) | |
Replace network font with Source Serif (#178)
This removes the dependency on Google Fonts. Additionally I've
reintroduced the textarea border on the printed card to help ephasize
the important information.
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/SourceSerif4-Semibold.otf | bin | 0 -> 252724 bytes | |||
| -rw-r--r-- | src/components/style.css | 13 |
2 files changed, 6 insertions, 7 deletions
diff --git a/src/components/SourceSerif4-Semibold.otf b/src/components/SourceSerif4-Semibold.otf new file mode 100644 index 0000000..c73362d --- /dev/null +++ b/src/components/SourceSerif4-Semibold.otf | |||
| Binary files differ | |||
diff --git a/src/components/style.css b/src/components/style.css index fa931bb..0b35cf0 100644 --- a/src/components/style.css +++ b/src/components/style.css | |||
| @@ -1,4 +1,7 @@ | |||
| 1 | @import url('https://fonts.googleapis.com/css?family=Source+Code+Pro'); | 1 | @font-face { |
| 2 | font-family: 'Source Serif'; | ||
| 3 | src: url(./SourceSerif4-Semibold.otf); | ||
| 4 | } | ||
| 2 | 5 | ||
| 3 | #print-area { | 6 | #print-area { |
| 4 | border-color: #aaa; | 7 | border-color: #aaa; |
| @@ -23,9 +26,8 @@ | |||
| 23 | textarea { | 26 | textarea { |
| 24 | background-color: #fff; | 27 | background-color: #fff; |
| 25 | border: solid 1px #ddd; | 28 | border: solid 1px #ddd; |
| 26 | font-family: 'Source Code Pro', serif !important; | 29 | font-family: 'Source Serif', serif !important; |
| 27 | font-size: 1em !important; | 30 | font-size: 1.2em !important; |
| 28 | font-weight: bold !important; | ||
| 29 | margin-bottom: 0; | 31 | margin-bottom: 0; |
| 30 | height: 40px !important; | 32 | height: 40px !important; |
| 31 | min-height: 0px !important; | 33 | min-height: 0px !important; |
| @@ -62,9 +64,6 @@ button { | |||
| 62 | border-style: dashed; | 64 | border-style: dashed; |
| 63 | box-shadow: none; | 65 | box-shadow: none; |
| 64 | } | 66 | } |
| 65 | #print-area textarea { | ||
| 66 | border: none; | ||
| 67 | } | ||
| 68 | #print-area { | 67 | #print-area { |
| 69 | position: absolute; | 68 | position: absolute; |
| 70 | left: 0; | 69 | left: 0; |
