]> OzVa Git service - fimm-font/commitdiff
projects / fimm-font / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 287fa18)
Added readme
authorMax Value <greenwoodw50@gmail.com>
Sat, 22 Nov 2025 16:55:11 +0000 (16:55 +0000)
committerMax Value <greenwoodw50@gmail.com>
Sat, 22 Nov 2025 16:55:11 +0000 (16:55 +0000)
README.html [new file with mode: 0644] patch | blob
demo.html [new file with mode: 0644] patch | blob
test.html [deleted file] patch | blob | history

diff --git a/README.html b/README.html
new file mode 100644 (file)
index 0000000..440909a
--- /dev/null
+++ b/README.html
@@ -0,0 +1,26 @@
+<style>
+       @font-face {
+               font-family: "Fimm";
+               src:
+                       url(https://data.ozva.co.uk/fimm-font/target/Fimm.ttf),
+                       url(https://data.ozva.co.uk/fimm-font/target/Fimm.otf) format("opentype"),
+                       url(https://data.ozva.co.uk/fimm-font/target/Fimm.woff) format("woff"),
+                       url(https://data.ozva.co.uk/fimm-font/target/Fimm.woff2) format("woff2");
+       }
+</style>
+
+<h1 style="font-family: 'Fimm'">Fimm font</h1>
+
+<hr>
+
+<p>
+       Font based on Finn's handwriting.<br>
+       <a href="https://data.ozva.co.uk/fimm-font/Fimm.zip">Download current build</a><br>
+       <a href="https://data.ozva.co.uk/fimm-font/demo.html">Font demo</a>
+       <a href="https://insects.ozva.co.uk">The <em>All Insects</em> website</a>
+</p>
+
+<h2 style="font-family: 'Fimm'">ABCDEFGHIJKLMNOPQRSTUVWXYZ</h2>
+<h2 style="font-family: 'Fimm'">abcdefghijklmnopqrstuvwxyz</h2>
+<h2 style="font-family: 'Fimm'">1234567890</h2>
+<h2 style="font-family: 'Fimm'">! " # % + , - . : ; = ? @</h2>
diff --git a/demo.html b/demo.html
new file mode 100644 (file)
index 0000000..ae80cb2
--- /dev/null
+++ b/demo.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="utf-8">
+    <title>Fimm</title>
+    <style>
+
+@font-face {
+       font-family: "Fimm";
+       src:
+               url(https://data.ozva.co.uk/fimm-font/target/Fimm.ttf),
+               url(https://data.ozva.co.uk/fimm-font/target/Fimm.otf) format("opentype"),
+               url(https://data.ozva.co.uk/fimm-font/target/Fimm.woff) format("woff"),
+               url(https://data.ozva.co.uk/fimm-font/target/Fimm.woff2) format("woff2");
+}
+
+#fimm {
+  font-family: "Fimm", sans-serif;
+  font-size: 3em;
+  line-height: 70%;
+
+  border: 1px solid gray;
+  padding: 10px;
+
+  position: absolute;
+  top:calc(30% + 10px);
+  bottom:10px;
+  left:10px;
+  right:10px;
+}
+
+textarea {
+  position: absolute;
+  top:10px;
+  bottom:calc(70% + 10px);
+  left:10px;
+  right:10px;
+  resize: none;
+}
+
+    </style>
+  </head>
+  <body>
+  <textarea wrap="soft" id="area" cols="2">ok Guys this is the new Fimm font
+  </textarea>
+  <div id="fimm">
+    ok Guys this is the new Fimm font
+  </div>
+
+  <script>
+
+setInterval(function () {
+  let text = document.getElementById("area").value.replace("\n", "<br>");
+  document.getElementById("fimm").innerHTML = text;
+}, 100)
+
+  </script>
+  </body>
+</html>
diff --git a/test.html b/test.html
deleted file mode 100644 (file)
index 8a1f769..0000000
--- a/test.html
+++ /dev/null
@@ -1,57 +0,0 @@
-<!DOCTYPE html>
-<html lang="">
-  <head>
-    <meta charset="utf-8">
-    <title>Fimm</title>
-    <style>
-
-@font-face {
-       font-family: "Fimm";
-       src:
-       local("Fimm"),
-       url("./Fimm.otf") format("opentype")
-}
-
-#fimm {
-  font-family: "Fimm", sans-serif;
-  font-size: 3em;
-  line-height: 70%;
-
-  border: 1px solid gray;
-  padding: 10px;
-
-  position: absolute;
-  top:calc(30% + 10px);
-  bottom:10px;
-  left:10px;
-  right:10px;
-}
-
-textarea {
-  position: absolute;
-  top:10px;
-  bottom:calc(70% + 10px);
-  left:10px;
-  right:10px;
-  resize: none;
-}
-
-    </style>
-  </head>
-  <body>
-  <textarea wrap="soft" id="area" cols="2">ok Guys this is the new Fimm font
-  </textarea>
-  <div id="fimm">
-    ok Guys this is the new Fimm font
-  </div>
-
-  <script>
-
-setInterval(function () {
-  let text = document.getElementById("area").value.replace("\n", "<br>");
-  document.getElementById("fimm").innerHTML = text;
-}, 100)
-
-  </script>
-  </body>
-</html>
Font based on handwriting.