add introspection post

This commit is contained in:
Doug 2023-04-10 18:27:02 +02:00
parent 5531511520
commit 123fecb985
10 changed files with 205 additions and 0 deletions

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z"/></svg>

After

Width:  |  Height:  |  Size: 521 B

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>

After

Width:  |  Height:  |  Size: 864 B

View file

@ -0,0 +1,6 @@
<?xml version="1.0" standalone="no"?>
<svg width="1536px" height="1536px" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path transform="scale(1, -1) translate(0, -1536)" glyph-name="heart" unicode="&#xf004;" horiz-adv-x="1792"
d="M896 -128c-16 0 -32 6 -44 18l-624 602c-8 7 -228 208 -228 448c0 293 179 468 478 468c175 0 339 -138 418 -216c79 78 243 216 418 216c299 0 478 -175 478 -468c0 -240 -220 -441 -229 -450l-623 -600c-12 -12 -28 -18 -44 -18z" />
</svg>

After

Width:  |  Height:  |  Size: 466 B

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1536" height="1792" viewBox="0 0 1536 1792">
<path d="M1503.302 1111.386c-22.579 116.159-202.224 243.284-408.55 267.921-107.588 12.837-213.519 24.636-326.476 19.455-184.728-8.463-330.494-44.092-330.494-44.092 0 17.983 1.11 35.106 3.328 51.12 24.015 182.308 180.772 193.228 329.261 198.32 149.872 5.127 283.321-36.951 283.321-36.951l6.157 135.491s-104.827 56.293-291.574 66.646c-102.974 5.66-230.836-2.59-379.759-42.009C65.529 1641.797 10.219 1297.502 1.482 948.17-1.11 844.449.485 746.646.49 664.847.5 307.631 234.539 202.924 234.539 202.924c118.011-54.199 320.512-76.99 531.033-78.71h5.173c210.52 1.721 413.152 24.511 531.157 78.71 0 0 234.04 104.706 234.04 461.923 0 0 2.935 263.556-32.64 446.539zm-243.429-418.827c0-88.4-21.711-159.35-67.71-210.618-46.63-51.972-107.687-78.613-183.47-78.613-87.699 0-154.104 33.703-198.002 101.121L768 576l-42.683-71.55c-43.907-67.42-110.313-101.124-198.003-101.124-75.792 0-136.849 26.642-183.47 78.614-45.21 51.973-67.718 122.219-67.718 210.618v432.53h171.359V705.273c0-88.498 37.234-133.415 111.713-133.415 82.35 0 123.63 53.283 123.63 158.646v229.788h170.35V730.505c0-105.363 41.272-158.646 123.62-158.646 74.478 0 111.715 44.917 111.715 133.415v419.816h171.358V692.56z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View file

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body style="box-sizing: border-box;">
<h1>SVG comparison </h1>
<div style="display: flex; gap: 1rem;">
<div style="border: 0.25rem blue solid;">
<h2>Forkawesome 1.2.0</h2>
<img style="width: 10rem; aspect-ratio: 1; border: 0.25rem red solid;" src="fka1.2_heart.svg" />
</div>
<div style="border: 0.25rem blue solid;">
<h2>Fontawesome 6.4.0</h2>
<img style="width: 10rem; aspect-ratio: 1; border: 0.25rem red solid;" src="fa6.4.0_heart.svg" />
</div>
</div>
<div style="display: flex; gap: 1rem; margin-top: 1rem;">
<div style="border: 0.25rem blue solid;">
<h2>Forkawesome 1.2.0</h2>
<img style="width: 10rem; aspect-ratio: 1; border: 0.25rem red solid;" src="fka1.2_mastodon.svg" />
</div>
<div style="border: 0.25rem blue solid;">
<h2>Fontawesome 6.4.0</h2>
<img style="width: 10rem; aspect-ratio: 1; border: 0.25rem red solid;" src="fa6.4.0_mastodon.svg" />
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,161 @@
# Forkawesome introspection
This is a long post. A summary would be:
> I am not motivated to work further on Forkawesome; I think the project is deprecated and should be put into legacy mode.
>
> The driving force for forking—to have a community run icon set—has not been realized. Site and font build processes are broken. The source icon files need to be reworked or remade. The site could do with a makeover. The project focuses on icon fonts, despite icon fonts as a technology being outdated. Many other free icon sets now exist.
This post follows another post summarizing the [results of a 4 month survey](https://github.com/ForkAwesome/Fork-Awesome/blob/master/posts/2023-04-05_forkawesomeSurvey/surveyResults.md).
The first section deals with the **history** of Fontawesome and what lead to it being forked into Forkawesome. You can skip it. If you're only half interested, start at "Fontawesome 5.x".
The second section deals with the **state of Forkawesome**, covering: licensing, tech, aim and relevance.
I end with what could or should be done **going forward**, information for possible future maintainers and what I learned.
---
## History
### Fontawesome 1.0.0
[Fontawesome 1.0.0](https://github.com/FortAwesome/Font-Awesome/releases/tag/v1.0.0) was the sole release of series 1.x by Dave Gandy on the 10th of March 2012, _"the iconic font designed for use with Twitter Bootstrap"_. A set of 140 icons licensed under CC BY 3.0
### Fontawesome 2.0.0
[Fontawesome 2.0.0](https://github.com/FortAwesome/Font-Awesome/releases/tag/2.0.0) was the sole release of series 2.x, again by Gandy, on the 4th of June 2012. 210 icons, still CC BY 3.0.
### Fontawesome 3.x
[Fontawesome 3.0.0](https://github.com/FortAwesome/Font-Awesome/releases/tag/v3.0.0) was released by Gandy on the 2nd of January 2013. An instance of the [Fontawesome 3.x website](https://fontawesome.com/v3/) is still running; it has a 'Community' page which, emphasis added, states:
> Font Awesome has a vibrant **community** of folks helping each other out. You can get support report bugs, request new icons, **submit pull requests**, check upcoming milestones
The licensing was changed to have different licenses for different parts of the project: SIL Open Font License for the font; MIT for CSS, LESS and SASS file and CC BY 3.0 for pictograms. At the end of the licensing section, is a statement that _"Attribution is no longer required"_.
The final release of this series was [3.2.1](https://github.com/FortAwesome/Font-Awesome/releases/tag/v3.2.1) on the 17th of June 2013 with 361 icons.
### Fontawesome 4.x
[Fontawesome 4.0.0](https://github.com/FortAwesome/Font-Awesome/releases/tag/v4.0.0) was released by Gandy on the 23rd of October 2013. An instance of the [Fontawesome 4.x website](https://fontawesome.com/v4/) is still running. This saw another change in licensing, with documentation now licensed under CC BY 3.0, and the licensing of pictograms dropped.
The final release of this series, and the final release by Gandy, was [4.7.0](https://github.com/FortAwesome/Font-Awesome/releases/tag/v4.7.0) on the 24th of October 2016 with 675 icons. The licensing section for 4.7.0 is, as follows:
>- The Font Awesome font is licensed under the SIL OFL 1.1: http://scripts.sil.org/OFL
>- Font Awesome CSS, LESS, and Sass files are licensed under the MIT License: https://opensource.org/licenses/mit-license.html
>- The Font Awesome documentation is licensed under the CC BY 3.0 License: http://creativecommons.org/licenses/by/3.0/
>- Attribution is no longer required as of Font Awesome 3.0, but much appreciated: `Font Awesome by Dave Gandy - http://fontawesome.io`
### Fontawesome 5.x
Gandy created a [kickstarter](https://www.kickstarter.com/projects/232193852/font-awesome-5/) for the development of Fontawesome 5 some time before the [25th of October 2016](https://www.kickstarter.com/projects/232193852/font-awesome-5/posts/1718476). It was to be a complete redesign of the icon set, yet backwards compatible, with new features and a pro version (i.e. freemium model). It reached a final crowdfunding sum of $1,076,960, despite an initial goal of just $30,000, making it the "most funded software kickstarter ever" at the time (still?) The amusing crowdfunding [video]( https://www.youtube.com/watch?v=CNoH3J7iSrA) must have helped.
[Fontawesome 5.0.6](https://github.com/FortAwesome/Font-Awesome/releases/tag/5.0.6), the initial release of the 5.x series, was released on the 6th of February 2018 by Rob Madole. (The very first release of series 5.x, 5.0.0-alpha1, was released on the 23rd of June 2017, but is no longer available.) On the 4th of February 2018 Julian Deswaef raised the [issue](https://github.com/FortAwesome/Font-Awesome/issues/12199#issuecomment-362919956) that the build system for the website and CSS, LESS & SASS was no longer shared, and that community PR's were continuing to be refused. Madole confirmed these developments were intentional [some days later](https://github.com/FortAwesome/Font-Awesome/issues/12199#issuecomment-363168281).
### Forkawesome 1.x
Julian made a fork of Fontawesome 4.7.0, naming it it Forkawesome in early February. In an [early commit](https://github.com/ForkAwesome/Fork-Awesome/commit/410f4bb583876fbd98fb114f15f884d06122af1a) he explained:
>Following concerns regarding [the development of Font Awesome](https://github.com/FortAwesome/Font-Awesome/issues/12199#issuecomment-362919956), the PR Freeze since Oct 2016 and the direction Fort Awesome is taking with the version 5.0 of their project, we are forking Font Awesome (4.7), in order to build on this incredible tool Dave Gandy has given us, while at the same time allowing this project to be run by a distributed community of contributors.
Julian exploded the webfont into individual SVG glyphs on the [13th of February 2018](https://github.com/ForkAwesome/Fork-Awesome/commit/8ed3619f719732acc04f9f5bb58284784449c9f4) and added a build process to generate icon fonts from the SVGs using [fontcustom](https://github.com/FontCustom/fontcustom) [5 days later](https://github.com/ForkAwesome/Fork-Awesome/commit/4469d13ec9a49e49155c3b863fe9ae9c433ac25e) (Fontawesome never released their build process for their icon fonts.) [Forkawesome 1.0.0](https://github.com/ForkAwesome/Fork-Awesome/releases/tag/1.0.0) was released later that same day, on the 18th of February 2018.
There was strong initial activity with many new icons added and other improvements to project. Things got gradually quieter, with a no foreseeable release after [1.1.7](https://github.com/ForkAwesome/Fork-Awesome/releases/tag/1.1.7) on the 28th of February 2019. I had been using Forkawesome for a couple of things and, noticing the inactivity, and asked in [April 2021](https://github.com/ForkAwesome/Fork-Awesome/issues/292) to see if there was interest in reactivating it. A small group assembled, and Julian joined some of these initial calls, passing over permissions and information as necessary.
The new team had multiple calls, and eventually managed to release version [1.2.0](https://github.com/ForkAwesome/Fork-Awesome/releases/tag/1.2.0), with 796 icons, on August the 26th 2021. At this point the team was just two of us, and when the other gained full-time employment, I was too far out my depth to continue. 1.2.0 is the last release to date.
![](img/Screenshot%20from%202023-04-07%2022-54-23.png)
—_code frequency in the Forkawesome repository from 2012 with big spike at the time of fork_
---
## State of Forkawesome
### Licensing
Julian created the source SVGs for Forkawesome by 'exploding' the webfont from Fontawesome 4.7.0 which was licensed under the SIL OFL (Open Font License) 1.1. I am not very familiar with the license, but after reading into it, it is clearly tailored for fonts. Users may embed OFL fonts in documents, apps or other works ["without any kind of attribution"](https://scripts.sil.org/cms/scripts/page.php?item_id=OFL-FAQ_web#e71fabc0), and such works may be sold. Users may not sell the font standalone, and must license derivatives with the OFL (i.e. copyleft/sharealike). Presumably the OFL applies to the individual source SVGs even though they aren't really fonts any more.
The current [Fontawesome Free licensing page](https://fontawesome.com/license/free) incorrectly states _"Attribution is required by MIT, SIL OFL, and CC BY licenses"_ since, as far as I can tell, attribution is only required in CC BY. Since the Forkawesome webfonts are still licensed under OFL, it should be possible to explode them in the same way now. However, there is no SVG [webfont](https://github.com/FortAwesome/Font-Awesome/tree/6.x/webfonts) any more, so work would need to proceed from a .ttf or .woff2
### Technical
#### Build
Forkawesome uses [fontcustom](https://github.com/FontCustom/fontcustom), a ruby gem to build the icon font from the source SVGs. Fontcustom received its last commit 6 years ago. Some node packages are also used in the build chain to optimize SVGs and process LESS. It uses Jekyll (also Ruby) to make the website.
Building on latest Ubuntu doesn't work. This was the case when we took over the project in April 2021. Dion found the quickest way to set up a working development environment was to set up a [VM with Ubuntu 18.04](https://pad.kanthaus.online/s/_TbBWoaLU#). Somehow Shine and I got something working without using a VM using rbenv or RVM (still suppressing lots of errors.) I decided to give try building before writing this but I didn't manage... dependencies wanting older versions of Ruby, dependencies being outdated to breaking point, rbenv and rvm seemingly not working... Then again, I'm very unfamiliar with Ruby, and perhaps some Ruby-pro could get it all figured out in a flash.
#### Icon font
Forkawesome started and continued primarily as an icon font. Icon fonts present(ed) a convenient way for developers to include vector icons in their projects: Internet Explorer didn't support SVGs until version 9. IE8 is now, thankfully, a long time gone and there are many downsides to using icon fonts instead of SVGs. This [article](https://css-tricks.com/icon-fonts-vs-svg/) by Chris Coyier of CSS-Tricks from 2014 and this [article](https://www.irigoyen.dev/blog/2021/02/17/stop-using-icon-fonts/) by Michael Irigoyen from 2021 outline the details better than I will here.
In short, icon fonts:
- are treated as fonts by browsers, and anti-aliased as such, which can decrease sharpness
- are positioned as pseudo elements, which are more complex/surprising to work with
- present an accessibility issue for screen-readers unless [extra care is taken](https://forkaweso.me/Fork-Awesome/accessibility/))
- need to be compiled per project, otherwise contain unused icons
This last point bears emphasis: suppose, optimistically, a site uses 70 icons from Forkawesome. That means over 90% of the icon font was transferred and not used. The Forkawesome .woff2 + accompanying .css is 146.8 kB → ~ 130 kB wasted.
Icon fonts are a hack for <IE8. Any advantage they offer developers are outweighed by costs to users and network. All that said, the Forkawesome icon fonts do work OK!
#### SVG
The Forkawesome SVGs cannot reliably be used right now, since many are positioned off-center, or extend past their viewbox. In the following example (included in this post's repo), the Forkawesome heart SVG is significantly cut off, while the mastodon SVG is fine:
![](img/Screenshot%20from%202023-04-09%2017-08-21.png)
—*example showing 2 mastodon and 2 heart icon SVGs, from Forkawesome 1.2.0 and Fontawesome 6.4.0 respectively.*
About [5 issues](https://github.com/ForkAwesome/Fork-Awesome/issues/200) relate to this.
#### Distribution
Aside from the Github repository with releases as tagged commits, Forkawesome is distributed via:
- packagist.org (PHP) https://packagist.org/packages/forkawesome/fork-awesome
- npmjs.org (Node) https://www.npmjs.com/package/fork-awesome
- jsdelivr.com (webfont CDN) https://www.jsdelivr.com/package/npm/fork-awesome
The CDN [stats](https://www.jsdelivr.com/package/npm/fork-awesome?tab=stats) report ~ 1M requests and ~50 Gb bandwidth per day. Fontawesome (4.7.0!), in comparison, has ~15M requests per day, ~550 Gb bandwidth.
![](img/Screenshot%20from%202023-04-07%2022-54-23.png)
—*chart of forkawesome CDN stats since January 2023. There is a slight increas in 1.2.0 usage over the time period.*
I wonder if a lot of the CDN use is driven by some Wordpress plugins? Because Fontawesome has ~70K Github stars compared to 1200 for Forkawesome. To me that suggests significant use by non-nerds. (Additional complicating factor: Fontawesome now delivers personalized webfont CDNs, much of their traffic will not be shown in this chart.)
![](img/Screenshot%20from%202023-04-08%2016-19-51.png)
—*chart of Github stars for for Fontawesome and Forkawesome*
### Aim
What was the aim of Forkawesome in the first place? It seems to me to have been a resistance against the enclosure of a common resource:
- the website build process was removed
- pull requests were no longer accepted
- CDN use for Fontawesome 5.x+ requires an account
- the project went freemium
However:
- the website is almost a detail: most users probably don't care about building the site. More important is the icon font build process, which Fontawesome _never_ released: that is something Julian added after forking.
- that pull requests are no longer accepted is also more of a detail: Fontawesome still accepts icon requests via Github issues, and the significant majority of Forkawesome icon requests are Github issues. I presume most people simply care about whether the icon is integrated into the set. As it stands, users are more likely to get an icon integrated in Fontawesome (regular updates) than Forkawesome (no update upcoming)
- requiring an account is justified on the grounds that Fontawesome personalizes your SVG/SVG sprite/icon font/etc to just the icons you need... this could probably be done without an account.
- there is not "however" for going freemium. Getting over 30X what they asked for, then (partly) paywalling? Not a fan.
It seems to me it was a resistance above all of the spiritual change in Fontawesome going from community to commercial. Forkawesome was an attempt to keep the project going as a community.
### Relevance
There are now many, good icon sets. Aside from Fontawesome 6.4.0 free with its 2,020 icons, Ionicons (MIT) has 1,300, Google Material icons (Apache 2.0) has 2,832... Everything has the basics, and most have the well-known brands. What is usually missing is the 'good-and-not-yet-popular.'
I think it's telling that most of the icons that have been added to Forkawesome have been small, open-source, federated or programming related. Fontawesome still lacks many icons Forkawesome now has: Pixelfed, Scuttlebutt, La(TeX), Gitea etc.
While it would be to have all the icons you possibly want in one place, perhaps the taget audience mostly struggle to find _any_ place with coverage of the 'good-and-not-yet-popular'. And that seems to be something Wakest initiated with this [wiki page for fediverse icons](https://joinfediverse.wiki/Fediverse_project_branding). Th wiki paradigm seems to be a much better fit for community, much more DIY/DIT ("always accepting pull requests") than the default-restrictive git(hub/lab/tea) paradigm.
---
## Going forward
Given everything I know, I think Forkawesome is mostly deprecated. While that is sad, considering the work that's gone in and the seeming failure of community against commerce, I think it would be worse to drag along.
My plan would be to put the project into legacy mode: putting pointers on the website and Github towards projects that supersede Forkawesome and slowly archiving.
However, the survey I ran indicated most respondents would like to see the project reactivated, so I will first make an attempt to see if anyone else wants to take it over.
To anyone wanting to restart Forkawesome: Firstly the build processes for the icon font and website need to be fixed or made new. Then I would recommend remaking the source SVGs by exploding the current Fontawesome webfonts, since it has many more icons, with improved design. I would recommend abandoning icon fonts altogether, but if desired, providing a good way for personalized use.
I also want to be open that the last point—Forkawesome CDN currently transferring A Big Number of unused icons, gigabytes of wasted internet traffic— makes me feel quite uncomfortable. By not shutting down the CDN, which I could, I'm enabling its use. In the long term, I think it should be shut down.
This has been quite a negative article, so let me finish with some positive points! I learned some super valuable lessons:
- maintenance is a lot of work and responsibility
- do not even *think* about maintaining a project you didn't get running smoothly, locally first
- battling with an outdated/broken dev. env. you're unfamiliar with is very demoralizing
- it is important not to romanticise forking
I want to say thanks to Julian, for making the fork (100% the right decision at the time,) for all the work he put in and for trusting me to take over the project. Shine, for those long work sessions, showing me the ropes of professional Github use and getting 1.2.0 launched. Dion for figuring out _a_ way to get the project building! Vince, Hyde, Wakest, Tilmann and anyone else who dropped by to offer support and advice.
Thanks for reading!

Binary file not shown.

After

Width:  |  Height:  |  Size: 62 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 62 KiB