Na webu čtverečky místo ikonek

Květoš

  • *
  • 36
  • Umím HTML a JavaScript
    • Zobrazit profil
    • Nekecamweb
    • E-mail
Na webu čtverečky místo ikonek
« kdy: 03. 09. 2023, 11:10:35 »
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.
« Poslední změna: 03. 09. 2023, 13:44:04 od Petr Krčmář »
Květoš
Ahoj all! Chci rozšířit znalosti o PHP.


Květoš

  • *
  • 36
  • Umím HTML a JavaScript
    • Zobrazit profil
    • Nekecamweb
    • E-mail
Re:místo ikonek čtverečky
« Odpověď #1 kdy: 03. 09. 2023, 11:21:36 »
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
« Poslední změna: 03. 09. 2023, 11:23:10 od Květoš »
Květoš
Ahoj all! Chci rozšířit znalosti o PHP.

Re:místo ikonek čtverečky
« Odpověď #2 kdy: 03. 09. 2023, 11:53:44 »
Nechybí Vám fonty který ty znaky mají?

Re:místo ikonek čtverečky
« Odpověď #3 kdy: 03. 09. 2023, 11:57:25 »
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
« Poslední změna: 03. 09. 2023, 12:00:26 od cznarg »

RDa

  • *****
  • 2 730
    • Zobrazit profil
    • E-mail
Re:místo ikonek čtverečky
« Odpověď #4 kdy: 03. 09. 2023, 12:04:25 »
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?


Květoš

  • *
  • 36
  • Umím HTML a JavaScript
    • Zobrazit profil
    • Nekecamweb
    • E-mail
Re:místo ikonek čtverečky
« Odpověď #5 kdy: 03. 09. 2023, 15:14:58 »
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š
Ahoj all! Chci rozšířit znalosti o PHP.

Květoš

  • *
  • 36
  • Umím HTML a JavaScript
    • Zobrazit profil
    • Nekecamweb
    • E-mail
Re:Na webu čtverečky místo ikonek
« Odpověď #6 kdy: 03. 09. 2023, 15:40:24 »
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š
Ahoj all! Chci rozšířit znalosti o PHP.

Květoš

  • *
  • 36
  • Umím HTML a JavaScript
    • Zobrazit profil
    • Nekecamweb
    • E-mail
Re:Na webu čtverečky místo ikonek
« Odpověď #7 kdy: 03. 09. 2023, 16:04:38 »
V Ubuntu: /usr/share/fonts/mojefonty/
tam Avasone není!
Květoš
Ahoj all! Chci rozšířit znalosti o PHP.

Květoš

  • *
  • 36
  • Umím HTML a JavaScript
    • Zobrazit profil
    • Nekecamweb
    • E-mail
Re:Na webu čtverečky místo ikonek
« Odpověď #8 kdy: 03. 09. 2023, 16:22:18 »
Oprava.
V projektu phpfusion je Awesome:
/nekecamweb.cz/includes/fonts/font-awesome-5/css....
Takže nevím proč mám problémy.
Květoš
Ahoj all! Chci rozšířit znalosti o PHP.

z_sk

Re:Na webu čtverečky místo ikonek
« Odpověď #9 kdy: 04. 09. 2023, 00:09:19 »
A ako by malo byť správne? Čo by malo zobraziť? Aký znak?

Květoš

  • *
  • 36
  • Umím HTML a JavaScript
    • Zobrazit profil
    • Nekecamweb
    • E-mail
Re:Na webu čtverečky místo ikonek
« Odpověď #10 kdy: 04. 09. 2023, 12:54:35 »
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ší!
Květoš
Ahoj all! Chci rozšířit znalosti o PHP.

Re:Na webu čtverečky místo ikonek
« Odpověď #11 kdy: 04. 09. 2023, 20:36:40 »
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š

  • *
  • 36
  • Umím HTML a JavaScript
    • Zobrazit profil
    • Nekecamweb
    • E-mail
Re:Na webu čtverečky místo ikonek
« Odpověď #12 kdy: 05. 09. 2023, 07:40:25 »

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...
« Poslední změna: 05. 09. 2023, 07:43:48 od Květoš »
Květoš
Ahoj all! Chci rozšířit znalosti o PHP.

Re:Na webu čtverečky místo ikonek
« Odpověď #13 kdy: 05. 09. 2023, 09:02:02 »
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š

  • *
  • 36
  • Umím HTML a JavaScript
    • Zobrazit profil
    • Nekecamweb
    • E-mail
Re:Na webu čtverečky místo ikonek
« Odpověď #14 kdy: 05. 09. 2023, 09:38:48 »
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.
Květoš
Ahoj all! Chci rozšířit znalosti o PHP.