Improve wording

fuglede · Jun 23, 2024 · 0bc6d12 · 0bc6d12
1 parent 90a2e35
commit 0bc6d12
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/css/style.css b/css/style.css
@@ -17,6 +17,10 @@
     font-family: "Inter Regular",-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;
   }
 
+  code {
+    font-family: monospace;
+  }
+
   h1, h2, h3 {
     font-family: "Inter Semi Bold";
     vertical-align: middle;

diff --git a/index.html b/index.html
@@ -8,10 +8,10 @@
   </head>
   <body>
     <div class="container">
-      <h1>llama.ttf</h1>
-      <p>llama.ttf is a font file which is also a large language model and an inference engine for that model.</p>
+      <h1><code>llama.ttf</code></h1>
+      <p><code>llama.ttf</code> is a font file which is also a large language model and an inference engine for that model.</p>
       <h3>Ehm, what?</h3>
-      <p>llama.ttf is a font file which is also a large language model and an inference engine for that model.</p>
+      <p><code>llama.ttf</code> is a font file which is also a large language model and an inference engine for that model.</p>
       <h3>Why?</h3>
       <h3>How?</h3>
       <p>
@@ -37,7 +37,15 @@ <h3>Okay show me</h3>
       <iframe width="560" height="315" src="https://www.youtube.com/embed/Q4bOyYctgFI?si=XAAcj3uf02vxdXwM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
       <p>Skip to <a href="https://www.youtube.com/watch?v=Q4bOyYctgFI#t=6m09s">6:09</a> if you just want to see the font in action.</p>
       <h3>Usage</h3>
-      <p>Just download <a href="https://github.com/fuglede/llama.ttf/raw/master/llamattf/llama.ttf">llama.ttf</a> (60 MB download, since it's based on the 15M parameter TinyStories-based model) and use it like you would any other font. Use it somewhere where Harfbuzz is used and built with Wasm support.</p>
+      <p>Just download <code><a href="https://github.com/fuglede/llama.ttf/raw/master/llamattf/llama.ttf">llama.ttf</a></code> (60 MB download, since it's
+        based on the 15M parameter TinyStories-based model demoed above) and use it like you would any other font. Use it somewhere where Harfbuzz is used
+        and built with Wasm support.
+
+        The simplest way to experiment with this is probably to build <a href="https://github.com/harfbuzz/harfbuzz/tree/4cfc6d8e173e800df086d7be078da2e8c5cfca19">Harfbuzz</a> and
+        <a href="https://github.com/bytecodealliance/wasm-micro-runtime/tree/382d52fc05dbb543dfafb969182104d6c4856c63">wasm-micro-runtime</a>,
+        then add the resulting shared libraries, <code>libharfbuzz.so.0.60811.0</code> and <code>libiwasm.so</code> to the <code>LD_PRELOAD</code>
+        environment variable before running a Harfbuzz-based application such as gedit or GIMP; no recompilation of the applications is required.
+      </p>
       <h3>More fun with fonts</h3>
       <p>If this didn't seem pointless enough, here are some other weird things people have done with fonts and LLMs:
         <ul>