font-family on maik.io https://maik.io/tags/font-family/ Recent content in font-family on maik.io maik.io de-de Tue, 20 Jan 2026 18:07:08 +0200 Better Monospace https://maik.io/notes/2026-01-20-better-monospace/ Tue, 20 Jan 2026 18:07:08 +0200 https://maik.io/notes/2026-01-20-better-monospace/ <p>Vor <a href="https://maik.io/notes/2009-08-12-better-helvetica/" title="Better Helvetica | maik.io" target="_blank" >langer Zeit</a> hatte ich mir einmal CSS-Code notiert, der Helvetica oder ähnliche Schriftarten nutzt, sofern sie lokal auf dem jeweiligen System verfügbar sind. Kürzlich brauchte ich etwas Vergleichbares für Code, also Schriftarten mit fester Laufweite. Nach etwas Recherche bin ich auf folgenden Code gekommen.</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="cl"><span class="nt">font-family</span><span class="o">:</span> <span class="nt">ui-monospace</span><span class="o">,</span> <span class="nt">SFMono-Regular</span><span class="o">,</span> <span class="s2">&#34;SF Mono&#34;</span><span class="o">,</span> </span></span><span class="line"><span class="cl"> <span class="nt">Menlo</span><span class="o">,</span> <span class="nt">Monaco</span><span class="o">,</span> </span></span><span class="line"><span class="cl"> <span class="nt">Consolas</span><span class="o">,</span> <span class="s2">&#34;Cascadia Mono&#34;</span><span class="o">,</span> </span></span><span class="line"><span class="cl"> <span class="s2">&#34;Liberation Mono&#34;</span><span class="o">,</span> <span class="s2">&#34;DejaVu Sans Mono&#34;</span><span class="o">,</span> </span></span><span class="line"><span class="cl"> <span class="s2">&#34;Courier New&#34;</span><span class="o">,</span> <span class="nt">monospace</span><span class="o">;</span> </span></span></code></pre></div> Vor langer Zeit hatte ich mir einmal CSS-Code notiert, der Helvetica oder ähnliche Schriftarten nutzt, sofern sie lokal auf dem jeweiligen System verfügbar sind. Kürzlich brauchte ich etwas Vergleichbares für Code, also Schriftarten mit fester Laufweite. Nach etwas Recherche bin ich auf folgenden Code gekommen.

font-family: ui-monospace, SFMono-Regular, "SF Mono",
             Menlo, Monaco,
             Consolas, "Cascadia Mono",
             "Liberation Mono", "DejaVu Sans Mono",
             "Courier New", monospace;
]]>

Vielen Dank fürs Lesen! Wenn du Lust auf noch mehr Gedanken, Updates und ab und zu einen Blick hinter die Kulissen hast, folge mir doch gern auf Mastodon oder Instagram.

Hast du Fragen oder Feedback? Schreib mir gern eine E-Mail.

]]>