From 84a392703136a596b6b2faa05bc9575546e00ddb Mon Sep 17 00:00:00 2001 From: Daniel Duque Date: Wed, 25 Oct 2023 11:19:15 +0200 Subject: [PATCH] [FIX] base_fontawesome: brands In website, brands logos from footer aren't shown, so: - Load font for brands in general CSS - Add fallback for `fa` class (to avoid change all of them for `fab`) --- .../static/lib/fontawesome-5.15.4/css/all.css | 2 +- base_fontawesome/static/src/css/fontawesome.css | 17 +++++++++++++++++ 2 files changed, 18 insertions(+), 1 deletion(-) diff --git a/base_fontawesome/static/lib/fontawesome-5.15.4/css/all.css b/base_fontawesome/static/lib/fontawesome-5.15.4/css/all.css index aaf0b656c..d6411f700 100644 --- a/base_fontawesome/static/lib/fontawesome-5.15.4/css/all.css +++ b/base_fontawesome/static/lib/fontawesome-5.15.4/css/all.css @@ -4612,5 +4612,5 @@ readers do not read off random characters that represent icons */ .fa, .fas { - font-family: 'Font Awesome 5 Free'; + font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands' !important; font-weight: 900; } diff --git a/base_fontawesome/static/src/css/fontawesome.css b/base_fontawesome/static/src/css/fontawesome.css index b7fbdc174..3a6c45cc1 100644 --- a/base_fontawesome/static/src/css/fontawesome.css +++ b/base_fontawesome/static/src/css/fontawesome.css @@ -15,6 +15,23 @@ font-style: normal; font-display: block; } +@font-face { + font-family: "FontAwesomeBrands"; + src: url("../../lib/fontawesome-5.15.4/webfonts/fa-brands-400.eot"); + src: url("../../lib/fontawesome-5.15.4/webfonts/fa-brands-400.eot?#iefix&v=5.15.4") + format("embedded-opentype"), + url("../../lib/fontawesome-5.15.4/webfonts/fa-brands-400.woff2?v=5.15.4") + format("woff2"), + url("../../lib/fontawesome-5.15.4/webfonts/fa-brands-400.woff?v=5.15.4") + format("woff"), + url("../../lib/fontawesome-5.15.4/webfonts/fa-brands-400.ttf?v=5.15.4") + format("truetype"), + url("../../lib/fontawesome-5.15.4/webfonts/fa-brands-400.svg#fontawesome?v=5.15.4&fontawesomeregular") + format("svg"); + font-weight: normal; + font-style: normal; + font-display: block; +} .btn.fa, .btn.fas,