Die Web-Site: Typographie

Diesem Aspekt habe ich aus Zeitgründen nur so viel Aufmerksamkeit wie notwendig geschenkt; ein genauer Betrachter wird feststellen, dass verschiedene Schriften und Schriftschnitte (aka Fonts) auf der gleichen Seite verwendet wurden - dies liegt daran, dass mit dem FavThemes Template und Modulen der in meinen Augen gefällige Font "Google Lato" in den Modulen verwendet wird, bei den normalen Beitragstexten oder im Kontext eines "Eigenen Moduls" aber die Standardschriften.

Gleichzeitig wollte ich die Verwendung der Font Awesome Icons, die schon teilweise durch das FavThemes Template mitgeliefert werden, um die Professional-Variante erweitern. Letztlich ist mir das für die Ausstellerseiten auch gelungen, denn die Titel zu den einzelnen Bildern in den Modulen für die Bereiche PROMO und PRODUCTS, aber auch CONTACTS verwenden diese Icons. Leider hat sich die Einbindung als schwierig herausgestellt und konnte nur teilweise durch Internet-Recherche gelöst werden. Im Prinzip sind für die Verwendung der Pro-Variante folgende Änderungen notwendig:

Im theme.css müssen alle Einträge von "Font Awesome 5 Web" durch "Font Awesome 5 Pro" ersetzt werden.

In den Template-Dateien ist href="//use.fontawesome.com/releases/v5.1.0/css/all.css" durch folgenden Ausdruck zu ersetzen

<link rel="stylesheet" href="/~/templates/icons/css/all.css" type="text/css" />
<link rel="stylesheet" href="/~/templates/icons/css/all.min.css" type="text/css" />
<link rel="stylesheet" href="/~/templates/icons/css/solid.css" type="text/css" />
<link rel="stylesheet" href="/~/templates/icons/css/solid.min.css" type="text/css" />
<link rel="stylesheet" href="/~/templates/icons/css/light.css" type="text/css" />
<link rel="stylesheet" href="/~/templates/icons/css/light.min.css" type="text/css" />
<link rel="stylesheet" href="/~/templates/icons/css/fontawesome.css" type="text/css" />
<link rel="stylesheet" href="/~/templates/icons/css/fontawesome.min.css" type="text/css" />

und in den Modulen, bspw. modules/mod_faveffects:

JHTML::stylesheet('//use.fontawesome.com/releases/v5.1.0/css/all.css');

durch

JHTML::stylesheet('templates/icons/css/all.css');
JHTML::stylesheet('templates/icons/css/all.min.css');
JHTML::stylesheet('templates/icons/css/brands.css');
JHTML::stylesheet('templates/icons/css/brands.min.css');
JHTML::stylesheet('templates/icons/css/duotone.css');
JHTML::stylesheet('templates/icons/css/duotone.min.css');
JHTML::stylesheet('templates/icons/css/fontawesome.css');
JHTML::stylesheet('templates/icons/css/fontawesome.min.css');
JHTML::stylesheet('templates/icons/css/light.css');
JHTML::stylesheet('templates/icons/css/light.min.css');
JHTML::stylesheet('templates/icons/css/regular.css');
JHTML::stylesheet('templates/icons/css/regular.min.css');
JHTML::stylesheet('templates/icons/css/solid.css');
JHTML::stylesheet('templates/icons/css/solid.min.css');

zu ersetzen.