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 a 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>
shakedown.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A community for live music fans with roots in the jam scene. Shakedown Social is run by a team of volunteers (led by @clifff and @sethadam1) and funded by donations.
Administered by:
Server stats:
270active users
shakedown.social: About · Status · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.4.1
#webfonts
0 posts · 0 participants · 0 posts today
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>
Mark Wyner Won’t Comply :vm:<p>Stuck using Google Fonts, but you hate Google (you should)? Bunny Fonts is a drop-in replacement that’s open-source and privacy-first.</p><p><a href="https://fonts.bunny.net/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">fonts.bunny.net/</span><span class="invisible"></span></a></p><p><a href="https://mas.to/tags/Fonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fonts</span></a> <a href="https://mas.to/tags/GoogleFonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GoogleFonts</span></a> <a href="https://mas.to/tags/WebFonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebFonts</span></a> <a href="https://mas.to/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a> <a href="https://mas.to/tags/Dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Dev</span></a> <a href="https://mas.to/tags/CDN" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CDN</span></a> <a href="https://mas.to/tags/FOSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FOSS</span></a> <a href="https://mas.to/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenSource</span></a></p>
Simon Brooke<p><span class="h-card" translate="no"><a href="https://mastodon.social/@sarahjamielewis" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>sarahjamielewis</span></a></span> This raises the whole issue of <a href="https://mastodon.scot/tags/WebFonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebFonts</span></a> and <a href="https://mastodon.scot/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> repositories.</p><p>Google (et al) don't host these things out of charity. When you, a user, request a document from me, a publisher, you expect an exchange of data between your machine and mine. But if I've embedded into that document requests for web fonts or JS libraries from some information-scraper's repository, the scraper is getting information the user doesn't expect and hasn't consented.</p><p>So don't do this.<br>>>></p>
Thomas Michael Semmler<p>Asking for a webdev friend who's not on mastodon - do you know of open-source font libraries that are _not google_?</p><p><a href="https://indieweb.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://indieweb.social/tags/lazyweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>lazyweb</span></a> <a href="https://indieweb.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a> <a href="https://indieweb.social/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>design</span></a> <a href="https://indieweb.social/tags/development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>development</span></a> <a href="https://indieweb.social/tags/fonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fonts</span></a> <a href="https://indieweb.social/tags/webfonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webfonts</span></a></p>
Matthias Ott<p>🧐🔥<br>“Science Gothic is based on Bank Gothic: the typeface of superheroes, action, legal drama, and science fiction.</p><p>Newly reinvented as a variable font, it is far more versatile than ever before.”</p><p><a href="https://mastodon.social/tags/webfonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webfonts</span></a> <a href="https://mastodon.social/tags/variable" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>variable</span></a> <a href="https://mastodon.social/tags/fonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fonts</span></a> <a href="https://mastodon.social/tags/typefaces" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>typefaces</span></a> <a href="https://mastodon.social/tags/openfonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>openfonts</span></a><br><a href="http://sciencegothic.com/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">http://</span><span class="">sciencegothic.com/</span><span class="invisible"></span></a></p>
Jonas Brusman<p>Blogged about <span class="h-card" translate="no"><a href="https://fediverse.zachleat.com/@zachleat" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>zachleat</span></a></span>'s Glyphhanger and how I used it to shrink my web fonts by 90%!</p><p><a href="https://jonas.brusman.se/glyphhanger/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">jonas.brusman.se/glyphhanger/</span><span class="invisible"></span></a></p><p><a href="https://tacocat.space/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://tacocat.space/tags/fonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fonts</span></a> <a href="https://tacocat.space/tags/webfonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webfonts</span></a></p>
Letterform Archive<p>We are seeking a typographically-sensitive web designer with HubSpot experience to help us integrate our basic email newsletter design into their drag-and-drop templating system.</p><p>Implementing our brand fonts (rather than their ancient websafe fonts palette) is key, as many of our subscribers use email clients that support webfonts.</p><p><a href="https://typo.social/tags/HubSpot" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HubSpot</span></a> <a href="https://typo.social/tags/EmailMarketing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>EmailMarketing</span></a> <a href="https://typo.social/tags/NewsletterDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NewsletterDesign</span></a> <a href="https://typo.social/tags/Webfonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Webfonts</span></a></p>
Daniel Aleksandersen<p>Dear web designers and online news organizations, please ensure your fonts are legible and scale well at all resolutions. Too many websites pick fancy ornamented fonts that look terrible unless you have a 4K display.</p><p>I’m not complaining about serif fonts, but bad <a href="https://social.vivaldi.net/tags/WebFonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebFonts</span></a> with poor legibility becoming the new normal. There are many serif fonts that look good on any okay display at all common resolutions. Unfortunately, modern web design seems to prefer low x-heights, overly thin lines, aggressive kerning, and pay no attention to how the fonts render on a typical Full HD or even 2K display.</p><p>I almost want to ban all web designers from using 4K displays as their primary displays. That should put a stop to the downward trend. 📉</p>
TrendingLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
Create accountLoginDrag & drop to upload