From 75f1e778d5f98a582c6bf9945e73727e0cf29075 Mon Sep 17 00:00:00 2001 From: Thomas Voss Date: Sun, 29 Oct 2023 22:44:06 +0100 Subject: Use WOFF2 fonts --- .gitignore | 2 +- Makefile | 6 +++++- src/style.css | 54 +++++++++++++++++++++++++++--------------------------- 3 files changed, 33 insertions(+), 29 deletions(-) diff --git a/.gitignore b/.gitignore index 0487a5f..2075b23 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,4 @@ -fonts/ +src/fonts/ out/ .aspell.en.prepl diff --git a/Makefile b/Makefile index 2040f7c..f6c9fa9 100644 --- a/Makefile +++ b/Makefile @@ -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; -- cgit v1.2.3