The Font Mix of the I2P Homepage

[lgillis]

The homepage uses three different sans-serif fonts. From a typographical point of view, two different sans-serif fonts next to each other is already one too many. The dominant font is the one used in the logo. The font of the large headings next to it is a different one. Look at the number "2", for example. The body text below with its headings is also set differently. Among the fonts in this bundle are some with round dots, such as Roboto, where square dots were already used above.

I don't understand, if a font is already used that is different from the logo, why not use it consistently?

--
I2P Homepage: https://geti2p.net http://i2p-projekt.i2p

[lgillis]

I have found the right font for the logo. Link (webp, 145.27 KB).
… who cares?

(Oh, and if someone likes to play tricks on others, the address http://i2p.i2p is apparently still free.)

[lgillis]

Code: Select all

# -*- org -*-
The CSS metadata that users finally get to see view-source:http://i2p-projekt.i2p/en/ (Schweyer's mirror)
#+begin_src html
<link rel="stylesheet" type="text/css" href="/_static/styles/duck/default.css" media="screen, handheld, print, projection" />
    <link rel="stylesheet" type="text/css" href="/_static/styles/duck/mobile.css" media="screen and (min-device-width:320px) and (max-width:767px)" />
    <link rel="stylesheet" type="text/css" href="/_static/styles/duck/desktop.css" title="duck" media="screen and (min-device-width:768px) and (min-width:768px), print, projection" />
    <link rel="stylesheet" type="text/css" href="/_static/styles/duck/widescreen.css" title="duck" media="screen and (min-device-width:1120px) and (min-width:1120px), print, projection" />
    <!--[if IEMobile]>
    <link rel="stylesheet" type="text/css" href="/_static/styles/duck/mobile.css" media="screen" />
    <![endif]-->
    <!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="/_static/styles/duck/desktop.css" title="duck" media="all" />
    <![endif]-->

    <link rel="stylesheet" type="text/css" href="/_static/styles/duck/syntax.css" media="screen, handheld, print, projection" />
#+end_src

#+begin_src sh :results output raw
  cd i2p2www/static/styles || exit
  rg -n 'font-family:' duck/default.css duck/mobile.css duck/desktop.css duck/widescreen.css duck/syntax.css
#+end_src

#+RESULTS:
duck/default.css:18:    font-family: Droid Sans, Helvetica, sans-serif;
duck/default.css:64:    font-family: "URW Gothic L", "Century Gothic", sans-serif;
duck/default.css:122:    font-family: "URW Gothic L", "Century Gothic", sans-serif;
duck/default.css:146:    font-family: Arial, Helvetica, sans-serif;
duck/default.css:999:    font-family: "Source Sans Pro", sans-serif !important;
duck/default.css:1004:    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
duck/default.css:1044:    font-family: sans-serif;
duck/mobile.css:47:    font-family: Arial;
duck/desktop.css:114:    font-family: "URW Gothic L", "Century Gothic", sans-serif;
duck/desktop.css:416:    font-family: "URW Gothic L", "Century Gothic", sans-serif;

Btw, the font marked as important above is the house font of torproject.org (Adobe Source Sans 3 also Source Sans Pro).