Differences

This shows you the differences between two versions of the page.

--- res:plugins:webfonts [2024/11/02 01:23] – [Font License] fraenkiman
+++ res:plugins:webfonts [2025/05/08 15:24] (current) – [Download] fraenkiman
@@ Line 1: / Line 1: @@
-===== Google Webfonts Plugin =====
+===== Webfonts Plugin =====
 Author: [[https://frank-web.dedyn.io|Fraenkiman]]
@@ Line 5: / Line 5: @@
 This plugin ensures that the Google Webfonts
 [[https://fonts.google.com/specimen/Open+Sans|Open Sans]], [[https://fonts.google.com/noto/specimen/Noto+Sans|Noto Sans]], [[https://fonts.google.com/noto/specimen/Noto+Sans+Mono|Noto Sans Mono]], [[https://fonts.google.com/specimen/Ubuntu+Mono|Ubuntu Mono]], [[https://fonts.google.com/specimen/Playfair+Display|Playfair Display]] and
-[[https://fontawesome.com/v6/search|Font Awesome 6 Icos]]
+[[https://fontawesome.com/v6/search?o=r&m=free|Font Awesome Free v6 Icons]]
 are provided on your web server in a GDPR-safe manner.
+In the admin area, you have fine-grained control over font styles, Unicode ranges and preloading.
 With the help of web fonts you can use any font in web design.
@@ Line 14: / Line 16: @@
 ==== Screenshots ====
-{{:res:plugins:frank:webfonts1_1_1.png?806|}}
+{{:res:plugins:frank:webfonts1_2_0.png?640|}}
 ==== CSS rules to specify font families ====
 <code css>
@@ Line 23: / Line 25: @@
 font-family: 'Playfair Display', serif;
 </code>
+**Font Awesome 6.5** ~ 2,050 icons
+Three values are required to reference a symbol:
+  * the class for the style prefix //far//(Regular), //fas//(Solid) or //fab//(Brands) and
+  * the class fa-(stands for Font Awesome) and
+  * the class for the icon
+Example: //<i class="fas fa-camera"></i>//  [[https://fontawesome.com/v6/search?o=r&m=free|All free v6 icons]]
+The icons can also be added to any HTML element as a pseudo-element ::beforeor .::after
+Example:
+<code css>
+content: "\f030";
+font-family: "Font Awesome 6 Free";
+</code>
+[[https://www.theme-ultimate.de/elemente/text-elemente/text/fontawesome|Font Awesome Cheatsheet]]
 ==== Font License ====
-These fonts are licensed under the Open Font License (OFL).
+These Google fonts are licensed under the Open Font License (OFL).
 You can use them in your products & projects – print or digital, commercial or otherwise.
-[[https://fontawesome.com/license/free|These licenses]] apply for Font Awesome 6 free.
+[[https://fontawesome.com/license/free|These licenses]] apply for Font Awesome 6 free (Icons: [[https://creativecommons.org/licenses/by/4.0/|CC BY 4.0]], Fonts: [[https://opensource.org/license/ofl-1-1|SIL OFL 1.1]], Code: [[https://opensource.org/license/mit|MIT]] License).
 ==== Download ====
-{{ res:plugins:frank:webfonts1_0_1.zip |}}
+{{ res:plugins:frank:webfonts1_2_0.zip |}}
 ===== Changelog =====
+== 2025-05-08: Version 1.2.0 ==
+  * If size filtering (sizes) is specified, it splits the CSS at each @font-face declaration and only outputs those blocks whose font-weight matches the desired values.
+== 2024-12-22: Version 1.1.2 ==
+  * Fixes the problem that the prioritized font could not be deselected
 == 2024-11-02: Version 1.1.1 ==
   * Separate submenu in the configuration menu