Písmo Google Chrome se změnilo (4)
právě jsem si na několika webech všiml, že se nezobrazují ikony úžasného písma Google Chrome. Konzole zobrazuje následující chybu:
Díky za každou pomoc/vysvětlení!
Tato otázka přístupu k fontům – úžasným aktivům byla problémem pro mnoho lidí bez komplexního vysvětlení a řešení problému.
Co je CORS:
Copy Resource Sharing (CORS) je mechanismus, který používá další HTTP hlavičky, aby umožnil uživatelskému agentovi přistupovat k vybraným zdrojům ze serveru v jiném původu (doméně), než který se používá v tento moment webová stránka. Uživatelský agent vytvoří požadavek HTTP s křížovým původem, když požaduje zdroj z jiné domény, protokolu nebo portu, než je ten, ze kterého pochází aktuální dokument.
Problém:
Problém souvisí se způsobem načítání úžasných písem.
@font-face( font-family:"FontAwesome"; src:url("../fonts/fontawesome-webfont.eot?v=4.2.0"); src:url("../fonts/fontawesome-webfont .eot?#iefix&v=4.2.0") format("embedded-opentype"),url("../fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"),url( Formát "../fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"),url(../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") ("svg"); font-weight:normal; font-style:normal )
Písma se načítají pomocí šablony stylů (CSS). Situace, kterou máme zde:
Řešení:
Přestože byla ve vašem úložišti souborů vytvořena pravidla CORS, jako je S3, a dané doméně byl udělen přístup ke zdroji, když se CDN pokusí stáhnout písma specifikovaná v CSS, zdroj/doména zadaná při stahování těchto písem je z CDN, ale přístup CORS není poskytován doméně CDN.
Vytvořte pravidlo CORS pro vaši doménu CDN.
Používám CDN, které mi neumožňuje upravit jeho odpověď, takže jsem upravil font-awesome.min.css nahrazením relativní cesty absolutní cestou a fungovalo to.
Problém není v souboru CSS, ale ve způsobu, jakým pracuje se souborem fontu. Soubor font-awesome.min.css má řádky jako
@font-face(font-family:"FontAwesome"; src:url("../fonts/fontawesome-webfont.eot?v=4.2.0"); src:url("../fonts/fontawesome-webfont .eot?#iefix&v=4.2.0") format("embedded-opentype"),url("../fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"),url( Formát "../fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"),url(../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") ("svg"); font-weight:normal; font-style:normal)
které nutí prohlížeč vyžádat si odpovídající soubor písem (eot, woff, ttf nebo svg) ze stejného serveru jako CSS soubor. To je logické a správné.
Když však prohlížeč požaduje tento soubor písem z cdn.keywest.life, přečte záhlaví záhlaví Access-Control-Allow-Origin a nenajde jej, takže zobrazí tuto chybovou zprávu. (Připadá mi to jako chyba prohlížeče, protože pochází ze stejného serveru jako soubor CSS).
Místo toho, když použijete maxcdn.bootstrapcdn.com, odpověď obsahuje záhlaví Access-Control-Allow-Origin:* a prohlížeč tento soubor písma přijme. Pokud váš cdn server obsahoval tuto hlavičku, bude fungovat také.
Pokud máte server Apache, podívejte se na tuto odpověď: Font-awesome se ve Firefoxu nevykresluje správně / jak prodávat přes CDN?
Na tomto webu momentálně kóduji pomocí webfontů, které jsou uloženy na mém serveru. Každý prohlížeč je vykresluje v pohodě, ale Chrome ne. Chrome místo toho používá Times New Roman. Po kontrole vývojářských nástrojů na chrome jsem zjistil, že požadují ARE fonty ze serveru a byly úspěšně odstraněny. Z nějakého důvodu důvod Chrome nepoužívá je. Všiml jsem si, že pokud si do počítače nainstaluji fonty (pomocí Windows, BTW), najednou to začne fungovat s chromem.
Zde je moje čtení písma:
@font-face ( font-family: "BNLunch"; src: url("BN_Lunch.eot"); src: url("BN_Lunch.eot?#iefix") format("embedded-opentype"), url("BN_Lunch" .woff") format("woff"), url("BN_Lunch.ttf") format("truetype"), url("BN_Lunch.svg#BNLunchregular") format("svg"); váha písma: normální; písmo - styl: normální ;)
Nějaké nápady?
EDIT: Zapomněl jsem zmínit, že tento konkrétní CSS funguje s jinými fonty. Problémy mi dělá pouze tento konkrétní font a BNMadregot. Možná je to proto, že anglická písmena tohoto písma jsou prázdná?
02 odpovědi
Písmo je rozbité (jak vám řekl FontSquirrel). Nepoužívejte to. Stáhl jsem si BN Lunch z webu, který jste zmínil a zpracoval jsem ho pomocí font-face-generator.com, a stránka test.html, kterou vygenerovala, nezobrazuje znaky v tomto písmu (a ano, zkusil jsem i obyčejná čísla a hebrejská písmena ) Chrome nebo ve Firefoxu, pouze v IE (testováno na Win 7). Vývojářské nástroje Chrome ukazují, že Chrome přijímá soubory písem a nesignalizuje chyby, takže se zdá, že interní tabulky písem jsou poškozené (např. nesprávné informace o pokrytí znaků). Web, který jej distribuuje, vypadá podezřele jako jeden z mnoha nelegálních webů pro distribuci písem; například není uvedena žádná zmínka o autorech nebo autorských právech písem.
Tak si pořiďte jiný font.
Mám podobný kód CSS, který funguje dobře v každém prohlížeči, dokonce i v Chrome.
@font-face ( font-family: "standard 07_58"; src: url("../fonts/standard_07_58/stan0758.eot?") format("eot"), url("../fonts/standard_07_58/stan0758 .woff") format("woff"), url("../fonts/standard_07_58/stan0758.ttf") format("truetype"), url("../fonts/standard_07_58/stan0758.svg#Standard0758") format("svg"); váha písma: normální; styl písma: normální; )
Existují určité rozdíly od vašeho CSS, takže zkuste postupovat podle tohoto vzoru a uvidíte, co se stane.
Na základě zkušební instalace Prohlížeč Google Chrome Canary na novém Windows PC odhalil nefunkční písma, a to jak v rozhraní samotného prohlížeče, tak na stránkách, které se v něm otevíraly.
To vykreslování není žádným tajemstvím není zdaleka vždy ideální, ale takový výskyt jsme na tomto konkrétním stroji nečekali, protože Verze Chrome Stabil nikdy nic takového neviděl.
Ale musel jsem...
Jak zmíněný problém vypadal externě, se můžete podívat na níže uvedeném snímku obrazovky. Vrchní díl jsme vyrobili ihned po montáži , a spodní - po opravení chyby. A mějte na paměti, že toto je stránka nabídky nastavení (tzv stránka chrome://flags).
Samozřejmě jsme také předpokládali, že jedním z důvodů tohoto jevu může být to, že Canary je nejnovější verzí prohlížeče a možná se v něm stále dokončuje a předělává něco, co ještě není ani ve Stable verzi Chrome.
Další úvahy však vedly k myšlence, že tento problém může být také úspěšně vytvořen vlastním hardwarem počítače a/nebo ovladači na něm nainstalovanými. Kromě toho náhodné „googlování“ informací na toto téma ukázalo, že podobné otázky se mezi uživateli pravidelně objevují od té doby Chrome 3.
A metody použité k odstranění chyby byly také velmi odlišné, zejména deaktivace nebo DirectWrite, spusťte Chrome s různými startovacími parametry atd. Téměř všechny jsou samozřejmě roky staré a pro nejnovější verze prohlížeče již nejsou relevantní. Ale některé „klasiky“, jak se ukázalo, neztratily svou dřívější účinnost. Tak,..
co dělat, když se v Google Chrome Canary objeví nefunkční písma:
- jít do " Nastavení " (přes chrome://settings/ nebo přes " Jídelní lístek«);
- Přejděte na konec stránky a klikněte na „ Další «;
- pak stránku znovu posuňte do sekce “ Systém«;
- a v něm zakážeme funkci “ Použít hardwarovou akceleraci (je-li k dispozici) «;
- restartujte Chrome.
Po tom, rozbité fonty „opravili“ sami sebe. Za zmínku však také stojí, že deaktivaci funkce hardwarové akcelerace v této konkrétní situaci je třeba vnímat jako menší ze dvou zel, protože to může v řadě případů (přesněji řečeno při provádění určitých úkolů) negativně ovlivnit výkon prohlížeče. Funkci však můžete kdykoli aktivovat opakováním výše uvedeného algoritmu akcí.
Někdy, po vydání nejnovější aktualizace prohlížeče Chrome, má mnoho uživatelů problém se zobrazením písma, konkrétně je rozmazané, rozmazané, takže není možné cokoli přečíst.
Ve starších verzích, před vydáním verze 51, nebylo řešení tohoto problému obtížné, ale s příchodem verze 52 vývojáři připravili uživatelům skutečné překvapení, bohužel nemilé.
Jak změnit nečitelná písma
Tvůrci Google Chrome se rozhodli odstranit možnost osobního nastavení vzhled font pomocí experimentální možnosti „Disable DirectWrite Windows“, která byla skutečným záchranným lankem pro uživatele trpící neostrými fonty. Nyní byla odstraněna. 
Jak lze takový krok vysvětlit, je zcela nejasné, nicméně na fórech, což platí i pro oficiální fórum Google, najdete velké číslo negativní recenze, ve kterých se nejen ptají, ale požadují, aby se vše vrátilo tak, jak bylo. Vypadá to ale, že vývojáři nechají vše tak, jak je.
Problémy s používáním prohlížeče
Problém se zobrazováním písem se projevuje různě.
Nejprve musíte zjistit, jakou verzi Google Chrome máte nainstalovanou, pro kterou musíte zadat adresní řádek chrome://help/ a stiskněte enter. Okamžitě se otevře stránka „o programu“.
Pokud má váš prohlížeč verzi 52 nebo vyšší, pak by bylo dobré, abyste se seznámili s níže uvedenými metodami. Ačkoli v současné době neexistuje žádná metoda, pomocí které byste mohli využít možnosti samotného Google Chrome k zpřehlednění písem, protože díky vývojářům uživatelé ztratili možnost toto ovlivnit, stále existuje několik triků
Existují pouze 2 možnosti, jak tento problém vyřešit:
- Začněte pracovat s jiným prohlížečem, například Firefox. Nejnovější verze Opera, stejně jako Chrome, má řadu problémů se zobrazením písem, zejména s jejich barvou, což vysvětluje stejný engine, na kterém byly vyvinuty.
- Vraťte prohlížeč Google Chrome na předchozí verzi, když k takovým problémům nedošlo, a nakonfigurujte parametr DirectWrite. Existuje však jedno upozornění: neexistuje způsob, jak se vrátit zpět pomocí nastavení samotného prohlížeče, protože žádná taková možnost neexistuje. I když je ten aktuální smazán verze Google Chrome, nebude možné najít instalační soubory pro starší verze na oficiálních stránkách vývojáře.
Vraťte se k předchozí verzi Chromu
Chcete-li to provést, musíte dodržovat toto schéma:
Před odstraněním prohlížeče musíte synchronizovat všechny potřebné informace účet Google Chrome, abyste je neztratili. Chcete-li to provést, zadejte do adresního okna prohlížeče chrome://settings/syncSetup a stiskněte klávesu enter. Poté se otevře okno, kde můžete označit položky, které potřebujete, nebo ještě lépe vybrat možnost „Synchronizovat vše“. Nyní musíte chvíli počkat, než se synchronizace dokončí, zvláště pokud byla tato možnost do této chvíle zakázána. 
Po instalaci předchozí, normálně fungující verze Google Chrome, opět pomocí synchronizace, musíte změnit všechna nastavení prohlížeče na dříve používaná, nezapomeňte vypnout automatická aktualizace před nová verze, jinak Chrome vrátí vše tak, jak bylo, a vy jen ztratíte čas.
Zakázat aktualizaci Chrome
Chcete-li zabránit tomu, aby se Google Chrome aktualizoval sám, měli byste použít jeden trik. V počítači přejděte do složky c:\Program Files\Google\Update\ nebo c:\Program Files (x86)\Google\Update\ operační systém 64bitovou verzi a smažte jeden soubor GoogleUpdate.exe.
Můžete to najít online velký počet doporučení, která trvají na úpravě položek registru, změně skupinová politika Windows, přidávání administrativních šablon a podobně. Většinu těchto návodů sestavili zpravidla ti uživatelé, kteří toto všechno sami neudělali, ale pouze přepsali to, co dříve viděli na nějakém fóru. K vyřešení takového problému nejsou všechny tyto akce potřeba. Stačí smazat soubor GoogleUpdate.exe a Google Chrome se již nebude sám aktualizovat. 
Pokud někdy budete potřebovat nainstalovat novou verzi prohlížeče Chrome, v tomto případě bude muset uživatel sám přejít na oficiální web vývojářů a stáhnout instalační soubor a poté jej úspěšně nainstalujte. Jak vidíte, s deaktivací aktualizací prohlížeče nejsou žádné problémy, vše je velmi jednoduché a snadné.
Dodržováním těchto tipů můžete svůj prohlížeč zbavit problémů se zobrazením písma, změnit jeho barvu na normální a pracovat s Google Chrome jako dosud.