Na webu čtverečky místo ikonek

[Květoš]

Zdravím all!!!
Na webu mě vyděsilo zobrazování, místo ikonek záhadné čtverečky (viz omg v Příloze). Už jsem měl s tím probl.pár let zpět. Nemohu si vzpomenout, jak jsem to opravoval.

V databázi mám nastaveno porovnání utf8mb4_unicode_ci.
Na jiném webu mně ikonky fungují standardně.
Může někdo pomoci řešit?
Děkuji.

[Reklama]

[Květoš]

Ještě upřesňuji, že nezobrazené čtverečky jsou vidět nahoře u "menu" jazyka. A také dole pod článkem.
https://www.nekecamweb.cz

[cznarg]

Nechybí Vám fonty který ty znaky mají?

[cznarg]

To máte nějaký rozbitý (aspoň na FF)

Kód: [Vybrat]

Blocked https://www.nekecamweb.cz/infusions/blog/blog.php?type=&rowstart=0&lang=Czech from extracting canvas data because no user input was detected. holder.min.js:12:17487
downloadable font: rejected by sanitizer (font-family: "Font Awesome 5 Free" style:normal weight:400 stretch:100 src index:1) source: https://www.nekecamweb.cz/includes/fonts/font-awesome-5/webfonts/fa-regular-400.woff2
downloadable font: rejected by sanitizer (font-family: "Font Awesome 5 Free" style:normal weight:900 stretch:100 src index:1) source: https://www.nekecamweb.cz/includes/fonts/font-awesome-5/webfonts/fa-solid-900.woff2
downloadable font: incorrect file size in WOFF header (font-family: "Font Awesome 5 Free" style:normal weight:400 stretch:100 src index:2) source: https://www.nekecamweb.cz/includes/fonts/font-awesome-5/webfonts/fa-regular-400.woff
downloadable font: rejected by sanitizer (font-family: "Font Awesome 5 Free" style:normal weight:400 stretch:100 src index:2) source: https://www.nekecamweb.cz/includes/fonts/font-awesome-5/webfonts/fa-regular-400.woff
downloadable font: incorrect file size in WOFF header (font-family: "Font Awesome 5 Free" style:normal weight:900 stretch:100 src index:2) source: https://www.nekecamweb.cz/includes/fonts/font-awesome-5/webfonts/fa-solid-900.woff
downloadable font: rejected by sanitizer (font-family: "Font Awesome 5 Free" style:normal weight:900 stretch:100 src index:2) source: https://www.nekecamweb.cz/includes/fonts/font-awesome-5/webfonts/fa-solid-900.woff
downloadable font: excessive (or zero) number of tables (font-family: "Font Awesome 5 Free" style:normal weight:400 stretch:100 src index:3) source: https://www.nekecamweb.cz/includes/fonts/font-awesome-5/webfonts/fa-regular-400.ttf
downloadable font: rejected by sanitizer (font-family: "Font Awesome 5 Free" style:normal weight:400 stretch:100 src index:3) source: https://www.nekecamweb.cz/includes/fonts/font-awesome-5/webfonts/fa-regular-400.ttf
downloadable font: no supported format found (font-family: "Font Awesome 5 Free" style:normal weight:400 stretch:100 src index:5) source: (end of source list)
downloadable font: excessive (or zero) number of tables (font-family: "Font Awesome 5 Free" style:normal weight:900 stretch:100 src index:3) source: https://www.nekecamweb.cz/includes/fonts/font-awesome-5/webfonts/fa-solid-900.ttf
downloadable font: rejected by sanitizer (font-family: "Font Awesome 5 Free" style:normal weight:900 stretch:100 src index:3) source: https://www.nekecamweb.cz/includes/fonts/font-awesome-5/webfonts/fa-solid-900.ttf


[RDa]

Kdyz si dam F12 inspector ve FF, a dopatram se k tomu co to je, ze to pochazi z CSS:

Kód: [Vybrat]

.fa-globe::before {
  content: "\f0ac";
}
A dany CSS je zde:
https://www.nekecamweb.cz/includes/fonts/font-awesome-5/css/all.min.css

Co tim chtel autor rict, netusim, protoze 0xF0AC je private char neimplementovany v klasickych fontech.
https://www.compart.com/en/unicode/U+F0AC

Nejspis to taha nejaky custom font, namisto toho aby se resila ikonkarna vlajecek skrze SVG?

[Reklama]

[Květoš]

Nechybí Vám fonty který ty znaky mají?

1/ V systému nemohu vůbec najit nastaveni pro Avasone, které tam vždy bylo.
2/ Asi chybí ty fonty.
3/ Spackal jsem zřejmě upgrade.

[Květoš]

V Ubuntu na fonty mám:
sudo apt install font-manager.
Ale Avason by měl být v instalaci phpfusion, ale nenmohu nalézt.

[Květoš]

V Ubuntu: /usr/share/fonts/mojefonty/
tam Avasone není!

[Květoš]

Oprava.
V projektu phpfusion je Awesome:
/nekecamweb.cz/includes/fonts/font-awesome-5/css....
Takže nevím proč mám problémy.

[z_sk]

A ako by malo byť správne? Čo by malo zobraziť? Aký znak?

[Květoš]

A ako by malo byť správne? Čo by malo zobraziť? Aký znak?

Tady: www.nekecamweb.cz/includes/fonts/font-awesome-5/webfonts/fa-solid-900.woff2
nemám vůbec ikonky jako facebook.svg a další!

[Tomas-T]

Ikony se ti nenačítají, protože soubory fontů ve složce webfonts máš poškozené.
Zkusil jsem porovnat např. font fa-regular-400.ttf (ve verzi 5.15.4, ze které máš css soubor)
Soubor z tvého webu má 33506 bytes a nejde otevřít prohlížečem fontů, originál z webu od autora má 33706 bytes a jde otevřít prohlížečem fontů.
Stáhni si funkční fonty odtud https://use.fontawesome.com/releases/v5.15.4/fontawesome-free-5.15.4-web.zip, nahraď je ve složce /includes/fonts/font-awesome-5/webfonts a nejspíš ti to začne fungovat.
 

[Květoš]

Stáhni si funkční fonty odtud a nejspíš ti to začne fungovat.

Nepomohlo.
Jak jsem už psal, je to problém ico. Tedy miniaturní značka webových stránek ve formátu .ico. Pkud si vzpomínám byly vždy v root adresáři jednotlivých sekcí webu. Teď nemohu tyto soubory najít! Např. v sekci comment se zobrazují jen některé ikonky...

[Tomas-T]

U posledního poslaného obrázku z lišty komentářů se ti některé ikony zobrazují a některé ne, protože v kódu jsou to různé druhy entit:
Zobrazující se ikona (SVG - svg ikona):

Kód: [Vybrat]

<button type="button" class="bbcode" onclick="addText('blog_comments-comment_message','[mail]','[/mail]','inputform');return false;" title="Vytvoří e-mailovou adresu, na kterou lze kliknout" aria-label="Vytvoří e-mailovou adresu, na kterou lze kliknout" aria-disabled="false" aria-pressed="false">
  <span class="bbcode-icon-wrap">
    <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
      <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
      <polyline points="22,6 12,13 2,6"></polyline>
    </svg>
  </span>
</button>
Nezobrazující se ikona (znak z fontu Awesome "fa-italic", žádné SVG):

Kód: [Vybrat]

<button type="button" class="bbcode" onclick="addText('blog_comments-comment_message','[i]','[/i]','inputform');return false;" title="Zobrazí písmo kurzívou" aria-label="Zobrazí písmo kurzívou" aria-disabled="false" aria-pressed="false">
  <span class="bbcode-icon-wrap">
    <i class="fa fa-italic fa-lg"></i>
  </span>
</button>
Pokud jsi soubory fontů na disku skutečně zkontroloval/vyměnil a jsou v pořádku, pak ti je mrší něco na web serveru - protože ke klientovi se v pořádku nedostanou, to co se stáhne do browseru je jiný soubor, než to co je na webu awesome.com a není to korektní soubor fontu - a pak to samozřejmě nemůže nefungovat.
Ale tomu nějak nevěřím, protože na webu máš i font PHPFusion a stažený soubor https://www.nekecamweb.cz/includes/fonts/PHPFusion/fonts/PHPFusion.ttf je v pořádku.

Zkusil jsem stáhnout a zkontrolovat i fa-regular-400.woff2 a je s ním úplně stejný problém - viewer prohlašuje soubor za poškozený.

favicon.ico v rootu webu se používá jen jako ikona webu do bookmarků a do tabu v browseru, ne do obsahu stránek, s nezobrazováním znaků fontu Awesome to nijak nesouvisí. 

[Květoš]

JJ. Zkoušel jsem kontzrolu favicon: https://realfavicongenerator.net/favicon_checker?protocol=https&site=www.nekecamweb.cz
Výsledek:
Tady není žádný favicon.icov kořenovém adresáři vašeho webu
obraz https://www.nekecamweb.cz/images/favicons/favicon-32x32.pngje špatně formovaný. Možná tato adresa URL vrací chybovou stránku se stavem 200 HTTP namísto běžného stavu 404.