Admonition icons are broken because of Font Awesome

[EpocDotFr]

• Flex version: latest master commit (b7e0b329093496714b8d083d3da0d28e68f17da3)

Due to a (fixed) bug in Font Awesome < 6.5.0, admonition icons are broken.

On latest Firefox (139), here's how icons are rendered:

The errors reported in the console:

downloadable font: Glyph bbox was incorrect (glyph ids 1 3 4 5 6 7 9 12 22 24 25 29 30 33 34 35 36 37 38 39 45 46 48 49 50 51 53 54 55 58 60 64 65 66 67 71 72 73 81 86 87 88 91 93 100 101 105 106 109 112 113 130 133 140 141 142 146 148 149 151 153 154 155 162 165 170 175 180 181 188 191 193 194 195 196 198 199 201 204 205 212 213 215 216 221 223 225 227 228 232 243 245 246 248 250 251 254 255 257 258 261 262 266 269 270 273 275 276 277 280 281 284 287 291 292 295 300 303 306 307 308 313 314 316 319 321 324 325 327 328 330 334 335 336 337 342 345 348 349 351 357 359 360 362 366 369 371 372 373 374 376 377 381 384 387 388 389 396 398 399 400 401 416 417 420 425 426 428 432 433 437 439 440 441 444 449 454 456 457 458 461 464 469 470 471 472 475 477 480 481 483 485 486 487 488 490 491 496) (font-family: "Font Awesome 6 Brands" style:normal weight:400 stretch:100 src index:0) source: http://localhost:8080/theme/font-awesome/webfonts/fa-brands-400.woff2
downloadable font: Glyph bbox was incorrect (glyph ids 2 3 5 8 9 10 11 12 14 17 19 21 22 32 34 35 39 40 43 44 45 46 47 50 51 52 53 55 56 58 60 61 62 64 65 66 67 68 69 71 72 73 75 78 79 80 81 83 90 93 96 101 103 104 105 108 109 116 117 118 120 123 125 126 134 137 138 140 141 142 143 144 145 148 149 150 154 155 157 162 163 164 165 166 170 171 174 180 194 196 204 208 209 211 212 215 219 220 225 226 227 229 230 231 232 237 238 239 240 241 242 247 248 249 250 251 252 253 254 255 256 257 258 259 265 266 268 270 277 280 281 282 283 285 288 289 290 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 337 340 341 342 344 346 347 348 355 356 358 359 360 361 364 365 367 368 373 376 381 383 384 385 386 388 389 390 398 399 402 403 414 415 416 420 435 444 445 446 447 450 451 452 453 468 474 476 477 478 481 482 486 487 489 495 496 497 499 502 504 505 511 512 521 522 523 524 528 530 531 538 539 545 546 547 548 550 551 552 556 558 565 567 596 598 599 600 603 605 610 611 613 614 619 633 639 640 641 643 646 647 650 651 658 659 660 661 666 667 668 670 671 675 676 677 678 679 682 694 695 698 704 710 713 714 725 726 728 732 734 739 742 743 748 757 772 775 784 785 786 790 792 794 796 797 798 799 800 802 822 823 824 825 827 834 835 836 837 838 839 840 841 844 845 852 853 858 859 867 869 870 894 903 904 907 909 918 924 925 926 927 929 932 933 934 937 938 939 940 941 943 944 945 946 948 954 956 957 958 960 962 965 969 970 973 974 975 977 978 979 985 996 997 1000 1001 1002 1004 1005 1007 1008 1009 1012 1016 1022 1024 1027 1033 1038 1041 1044 1046 1048 1049 1053 1054 1056 1059 1064 1068 1069 1072 1080 1083 1100 1106 1107 1108 1109 1112 1113 1117 1118 1120 1121 1127 1128 1129 1132 1138 1140 1141 1143 1144 1146 1147 1148 1153 1156 1159 1161 1163 1166 1173 1182 1183 1189 1191 1192 1193 1195 1196 1197 1200 1201 1202 1204 1207 1208 1210 1211 1212 1214 1215 1216 1220 1222 1224 1226 1227 1228 1229 1232 1233 1238 1239 1245 1247 1248 1254 1255 1256 1257 1261 1263 1265 1267 1269 1270 1271 1272 1273 1276 1277 1282 1283 1285 1286 1287 1288 1289 1292 1293 1296 1297 1299 1300 1301 1305 1306 1307 1308 1309 1311 1313 1315 1316 1317 1324 1326 1327 1330 1331 1332 1333 1337 1339 1340 1341 1346 1348 1352 1353 1364 1366 1367 1370 1371 1372 1375 1376 1377 1378 1379 1380 1382) (font-family: "Font Awesome 6 Free" style:normal weight:900 stretch:100 src index:0) source: http://localhost:8080/theme/font-awesome/webfonts/fa-solid-900.woff2

Note: although I heavily customized Flex to meet my needs through custom CSS, I didn't changed anything regarding admonitions nor their icons, apart the below workaround.

Workaround

Hide the icons by using custom CSS:

div.admonition p.admonition-title::before {
    display: none;
}