apache / www-site

The ASF Website
Apache License 2.0
42 stars 99 forks source link

PNG and SVG fonts are not exactly the same #295

Closed sebbASF closed 11 months ago

sebbASF commented 11 months ago

https://www.apache.org/foundation/press/kit/community_over_code_logo.png and https://www.apache.org/foundation/press/kit/community_over_code_logo.svg

look similar, but AFAICT don't use the same fonts.

Compare the 'O' in conference (second line): the PNG version is round, whereas the SVG version is slightly oval.

Compare the 'C' in 'CODE' (third line): The PNG version has a variable stroke thickness, whereas the SVG version does not vary noticeably. Also compare the 'O': PNG is slightly oval, SVG is round.

I think this means that the PNG version uses 3 different fonts: Line 1: C constant stroke, O round Line 2: C constant stroke, O oval Line 3: C variable stroke, O oval

rlenferink commented 11 months ago

Indeed the PNG seems to be generated using a different font. I checked the original SVG, which uses Montserrat as font and used that as well. The main site seems to use that font everywhere as well:

https://github.com/apache/www-site/blob/30df688fbb1e9db183043e43014e1ae12e8c1b0d/content/css/styles.css#L2

Comparing the existing PNG with the one displayed on https://communityovercode.org/ the one on https://communityovercode.org/ is similar to the SVG.

I don't know how the existing PNG was generated but it seems that a slightly different font is used (the The ASF conference part is also a bit more in bold).

I opened #296 to fix this (generated a new PNG from the same sources as the SVG file is generated from).