Fórum Root.cz
Hlavní témata => Vývoj => Téma založeno: Květoš 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.
-
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 (https://www.nekecamweb.cz)
-
Nechybí Vám fonty který ty znaky mají?
-
To máte nějaký rozbitý (aspoň na FF)
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
-
Kdyz si dam F12 inspector ve FF, a dopatram se k tomu co to je, ze to pochazi z CSS:
.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?
-
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.
-
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.
-
V Ubuntu: /usr/share/fonts/mojefonty/
tam Avasone není!
-
Oprava.
V projektu phpfusion je Awesome:
/nekecamweb.cz/includes/fonts/font-awesome-5/css....
Takže nevím proč mám problémy.
-
A ako by malo byť správne? Čo by malo zobraziť? Aký znak?
-
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ší!
-
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 (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.
-
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...
-
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):
<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):
<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 (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í.
-
JJ. Zkoušel jsem kontzrolu favicon: https://realfavicongenerator.net/favicon_checker?protocol=https&site=www.nekecamweb.cz (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.
-
JJ. Zkoušel jsem kontzrolu favicon: https://realfavicongenerator.net/favicon_checker?protocol=https&site=www.nekecamweb.cz (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.
favicon s těmi fonty nemá vůbec nic společného, to je úplně jiný problém. Nejdřív se zameřte na ty fonty, jak tu píše Tomas-T, něco vám je musí mrvit...
-
Po úpravě favicon v head mně kontrola již píše aktivní změnu:
favicon.icoje k dispozici v kořenovém adresáři vašeho webu
Je zde ikona pro klasické prohlížeče
favicon.icoje přítomen
favicon.icoobsahuje ikonu s nejvyšším rozlišením (48x48)
favicon.icoobsahuje všechny ikony doporučených velikostí
... ale pro Android píše ještě chybu:
obraz https://www.nekecamweb.cz/images/favicons/android-chrome-192x192.pngje špatně formovaný. Možná tato adresa URL vrací chybovou stránku se stavem 200 HTTP namísto běžného stavu 404.
obraz https://www.nekecamweb.cz/images/favicons/android-chrome-256x256.pngje špatně formovaný. Možná tato adresa URL vrací chybovou stránku se stavem 200 HTTP namísto běžného stavu 404.
No ale ikonky stále na webu nefungují!!!!
-
Nejdřív se zameřte na ty fonty, jak tu píše Tomas-T, něco vám je musí mrvit...
Zkusím nakopírovat složku pro fonts z webu, ktrerý funguje.
Zatím dík za rady!!!
-
mne to robi podobne ked mam scripty zakazane cez noscript...
-
Viděl bych to na nastavení serveru, nějaký automatický převod konců řádků a možná kódování.
Soubor android-chrome-192x192.png z webu má 32 122 Bytů a začíná "89 50 4E 47 0A 1A 00", zatímco nějaký nalezený na internetu má 26 165 Bytů a začíná "89 50 4E 47 0D 0A 1A 0A", tzn. je tam "OD" navíc.
Takže prvně je potřeba zkontrolovat, jestli to, co se na server nahrává, je totéž, co ze serveru leze. Pak se dají poznat rozdíly (jen 0D 0A vs. 0A nebo i něco jiného) a podle toho upravit konfiguraci serveru.
-
Viděl bych to na nastavení serveru, nějaký automatický převod konců řádků a možná kódování.
Myslíte serverem web na hostingu?
-
Ano, přesně tak. Někde v konfiguraci webu/hostingu nastavit, že nemá u obrázků, fontů atd. provádět jakékoliv převody kódování, resp. že je nemá považovat za text.
-
Teď mne ještě napadlo, že chyba může být už při nahrávání souborů na hosting. Pokud používáte FTP, je dobré zkontrolovat nastavení režimu ASCII/Binary. (A možná to dělají někteří klienti i pro jiné protokoly, to nevím.)
-
Pokud používáte FTP, je dobré zkontrolovat nastavení režimu ASCII/Binary. (A možná to dělají někteří klienti i pro jiné protokoly, to nevím.)
Máte velkou pravdu. U FTP to je evidentní. Tam pro přenos souborů musí být nastaveno "Automatická detekce" tedy ne ASCI ani Binary.
Doufám, že mám pravdu a nemám nastaveno špatně.
Dík za odpověď.
-
Teď mne ještě napadlo, že chyba může být už při nahrávání souborů na hosting. Pokud používáte FTP, je dobré zkontrolovat nastavení režimu ASCII/Binary. (A možná to dělají někteří klienti i pro jiné protokoly, to nevím.)
Nakonec jsen fakt zjistil, že je to tak.
Při nahrávání image na hosting musí být v aplikaci phpfusion nastaveno u složky fonts chmody 0777. Pak ikonky fungovaly.
Také jsem opravil code v layoutu. Byl roztržen s překlepem. Správně:
if (defined('FONTAWESOME') && FONTAWESOME == TRUE) {
echo "<link rel='stylesheet' href='".INCLUDES."fonts/font-awesome-5/css/all.min.css'>\n";
echo "<link rel='stylesheet' href='".INCLUDES."fonts/font-awesome-5/css/v4-shims.min.css'>\n";
}
Ikonky u sociallišty pod články mně však ještě nefungují. Takže ještě řeším...