diff options
| author | Thomas Voss <mail@thomasvoss.com> | 2023-10-29 22:44:06 +0100 |
|---|---|---|
| committer | Thomas Voss <mail@thomasvoss.com> | 2023-10-29 22:48:01 +0100 |
| commit | 75f1e778d5f98a582c6bf9945e73727e0cf29075 (patch) | |
| tree | 089985628c789e60dfa2df194d3f37ad2402cd75 | |
| parent | 9cad508b5c98ca1029460807249cafb712f28f1e (diff) | |
Use WOFF2 fonts
| -rw-r--r-- | .gitignore | 2 | ||||
| -rw-r--r-- | Makefile | 6 | ||||
| -rw-r--r-- | src/style.css | 54 |
3 files changed, 33 insertions, 29 deletions
@@ -1,4 +1,4 @@ -fonts/ +src/fonts/ out/ .aspell.en.prepl @@ -12,7 +12,8 @@ ezcodes := $(shell \ sources := \ $(shell find src -type f -name 'index.gsp') \ $(shell find src -type f -name '*.css') \ - $(shell find src -type f -name '*.svg') + $(shell find src -type f -name '*.svg') \ + $(shell find src -type f -name '*.woff2') # Different euro coin and -banknote page types eurocc := $(ezcodes:%=out/euro/%/index.html) @@ -69,6 +70,9 @@ out/%.css: src/%.css out/%.svg: src/%.svg cp $< $@ +out/%.woff2: src/%.woff2 + cp $< $@ + check: LANG=en_US.UTF-8 find src -name '*.gsp' -exec \ aspell --home-dir=./ --ignore-case check {} \; diff --git a/src/style.css b/src/style.css index d29027b..96902fa 100644 --- a/src/style.css +++ b/src/style.css @@ -1,30 +1,30 @@ -/* @font-face { */ -/* font-family: 'Ysabeau'; */ -/* src: url('/fonts/Ysabeau-Medium.otf') format('opentype'); */ -/* font-weight: 500; */ -/* font-style: normal; */ -/* } */ - -/* @font-face { */ -/* font-family: 'Ysabeau'; */ -/* src: url('/fonts/Ysabeau-MediumItalic.otf') format('opentype'); */ -/* font-weight: 500; */ -/* font-style: italic; */ -/* } */ - -/* @font-face { */ -/* font-family: 'Ysabeau'; */ -/* src: url('/fonts/Ysabeau-Bold.otf') format('opentype'); */ -/* font-weight: bold; */ -/* font-style: normal; */ -/* } */ - -/* @font-face { */ -/* font-family: 'Ysabeau'; */ -/* src: url('/fonts/Ysabeau-BoldItalic.otf') format('opentype'); */ -/* font-weight: bold; */ -/* font-style: italic; */ -/* } */ +@font-face { + font-family: 'Ysabeau'; + src: url('/fonts/Ysabeau-Medium.woff2') format('woff2'); + font-weight: 500; + font-style: normal; +} + +@font-face { + font-family: 'Ysabeau'; + src: url('/fonts/Ysabeau-MediumItalic.woff2') format('woff2'); + font-weight: 500; + font-style: italic; +} + +@font-face { + font-family: 'Ysabeau'; + src: url('/fonts/Ysabeau-Bold.woff2') format('woff2'); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: 'Ysabeau'; + src: url('/fonts/Ysabeau-BoldItalic.woff2') format('woff2'); + font-weight: bold; + font-style: italic; +} :root { --background-color: #121212; |