fosstodon.org is one of the many independent Mastodon servers you can use to participate in the fediverse.
Fosstodon is an invite only Mastodon instance that is open to those who are interested in technology; particularly free & open source software. If you wish to join, contact us for an invite.

Administered by:

Server stats:

8.8K
active users

#webfonts

0 posts0 participants0 posts today
Babu Menos 🎵 #NoAI<p>I redesigned my blog-meets-literature site ‘Samuel Pepys’ Diary Reimagined’ with a new webfont. </p><p>I have always loved typewriter fonts but any and all digital creations lacked authenticity because on a real typewriter, due to various factors letters are never identical. The font ‘TT2020’ by Fredrick Brennan includes several versions of each letter, simulating the unevenness of the real thing quite well. </p><p>Downside: the font files are huge.</p><p>Would you be so kind as to test my site and provide me with some insight how well or badly it performs (in terms of loading times)?</p><p>(Mobile users with limited data rates, beware! The font files add up to 5.3 MiB [5.6 MB].)</p><p><a href="https://babumenos.com/SPDR/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">babumenos.com/SPDR/</span><span class="invisible"></span></a></p><p>The font is here: <a href="https://copypaste.wtf/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">copypaste.wtf/</span><span class="invisible"></span></a></p><p><a href="https://sunny.garden/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://sunny.garden/tags/Font" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Font</span></a> <a href="https://sunny.garden/tags/Webfonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Webfonts</span></a> <a href="https://sunny.garden/tags/Performance" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Performance</span></a> <a href="https://sunny.garden/tags/LoadingTime" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LoadingTime</span></a></p>
Eric Maugendre<p>Don’t rely on Google Fonts for hosting type: <a href="https://pimpmytype.com/google-fonts-hosting/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">pimpmytype.com/google-fonts-ho</span><span class="invisible">sting/</span></a></p><p><a href="https://social.coop/tags/dependencies" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dependencies</span></a> <a href="https://social.coop/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a> <a href="https://social.coop/tags/fonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fonts</span></a> <a href="https://social.coop/tags/typography" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>typography</span></a> <a href="https://social.coop/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://social.coop/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a> <a href="https://social.coop/tags/webFonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webFonts</span></a> <a href="https://social.coop/tags/GoogleFonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GoogleFonts</span></a> <a href="https://social.coop/tags/Google" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Google</span></a></p>
srwild<p>Any variable web font experts have time to help me out? I’m trying to animate the weight axis of individual letters in a mono width variable font, but the kerning gets janky when the weight changes. I can turn off kerning, but I'd rather not.</p><p>I made a CodePen. This isn’t the font I’m using (respecting the license), but I’m having the same issue. I may be trying to do something impossible because they’re in `span`s.</p><p><a href="https://codepen.io/srwild/pen/LEPwVPZ" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">codepen.io/srwild/pen/LEPwVPZ</span><span class="invisible"></span></a></p><p><a href="https://typo.social/tags/VariableFonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VariableFonts</span></a> <a href="https://typo.social/tags/WebFonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebFonts</span></a></p>
Chris Lilley 🏴󠁧󠁢󠁳󠁣󠁴󠁿<p>For the enthusiastic, who want to go beyond a canned demo: it is all on GitHub</p><p><a href="https://github.com/garretrieger/ift-demo" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/garretrieger/ift-de</span><span class="invisible">mo</span></a></p><p>There is a client (in rust, transpiled to wasm) with brotli, harfbuz and woff2 support; the sample texts are in a json file so you can edit them or add your own.</p><p>Initial font subset, and the various patches, use a mixed (glyph and table keyed) encoding as described here</p><p><a href="https://github.com/w3c/ift-encoder/blob/main/docs/experimental/closure_glyph_segmentation.md" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/w3c/ift-encoder/blo</span><span class="invisible">b/main/docs/experimental/closure_glyph_segmentation.md</span></a></p><p>and the implementation is also on GitHub</p><p><a href="https://github.com/w3c/ift-encoder/tree/main" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/w3c/ift-encoder/tre</span><span class="invisible">e/main</span></a></p><p><a href="https://mastodon.scot/tags/webfonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webfonts</span></a></p>
Chris Lilley 🏴󠁧󠁢󠁳󠁣󠁴󠁿<p>The <span class="h-card" translate="no"><a href="https://w3c.social/@w3c" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>w3c</span></a></span> WebFonts working group now has a fully functional Demo of Incremental Font Transfer which compares IFT to normal font loading with Unicode-range static subsetting. Just click on "next text sample" to see the font being upgraded in real time to support more writing systems and more font variation axes. There is a running total of bytes transferred, you can see that IFT loads much less data.</p><p>Both CFF2 and glyf fonts are used in the demo.</p><p><a href="https://garretrieger.github.io/ift-demo/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">garretrieger.github.io/ift-dem</span><span class="invisible">o/</span></a></p><p><a href="https://mastodon.scot/tags/webfonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webfonts</span></a></p>

🚀 Oh, joy! Yet another groundbreaking revelation: web fonts now need #protection from the *big bad memory wolves*! 🐺💻 Meanwhile, the rest of us are left pondering: did someone just reinvent the wheel, or did the Chrome team just discover fire? 🔥🌐
developer.chrome.com/blog/memo #webfonts #memorymanagement #Chromeinnovation #reinventingthewheel #technews #HackerNews #ngated

Chrome for DevelopersMemory safety for web fonts  |  Blog  |  Chrome for DevelopersLearn how and why the Chrome team has replaced FreeType with Skrifa.
Continued thread

Thinking about the wasteful nature of #LLMs got me thinking about waste in my own development. While it can be convenient to use the large, enterprise-grade frameworks to deliver a minimalist website in 2025 - it's absurd.

Do I really need #laravel with #react, #jquery, #tailwind, #webFonts, #postgres to host some simple #markdown?

Do I need to re-render a bunch of static content at every hit? Does every simple article require 64 connections to the server to display?

I think not.

I want my material to be available to anyone who wants it - regardless of the device they are using or the robustness of their connection.

I want to respect users who disable #javascript for their personal protection.

I want to respect #ScreenReaders and users of assistive technology, without unnecessary complexity.

Everything we need is built into the HTML and CSS specs.

almanac.httparchive.org/en/202

As always, a fascinating report by @bram and Charles! The most interesting bits for me:

– Significant increase in exclusive self-hosting (desktop: from 22% in 2022 to 28%; mobile: from 28% in 2022 to 34%)

@marksimonson’s Proxima Nova is used on 1% of websites. As the only commercial, non-icon font in the top 20, this level of popularity is extremely impressive.

#Webfonts #Fonts #Typography #Webdev

almanac.httparchive.orgFonts | 2024 | The Web Almanac by HTTP ArchiveFonts chapter of the 2024 Web Almanac covering where fonts are loaded from, font formats, font loading performance, variable fonts, and color fonts.