Google Chrome font je promijenjen (4)
Upravo sam primijetio na nekoliko stranica da se ne prikazuju ikone sjajnih fontova Google Chrome. Konzola prikazuje sljedeću pogrešku:
Hvala na svakoj pomoći/objašnjenju!
Ovo pitanje pristupa fontovima - nevjerojatna sredstva predstavljalo je problem za mnoge ljude bez sveobuhvatnog objašnjenja i rješenja problema.
Što je CORS:
Dijeljenje resursa kopiranja (CORS) mehanizam je koji koristi dodatna HTTP zaglavlja kako bi korisničkom agentu omogućio pristup odabranim resursima s poslužitelja u drugom podrijetlu (domeni) od onog koji se koristi u ovaj trenutak web stranica. Korisnički agent postavlja HTTP zahtjev unakrsnog podrijetla kada zahtijeva resurs iz različite domene, protokola ili priključka od onog iz kojeg potječe trenutni dokument.
Problem:
Problem je povezan s načinom na koji se učitavaju nevjerojatni fontovi.
@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( "../fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"),url("../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format ("svg"); font-weight:normal; font-style:normal )
Fontovi se učitavaju putem lista stilova (CSS). Situacija koju imamo ovdje:
Riješenje:
Iako su pravila CORS-a stvorena u vašoj pohrani datoteka, kao što je S3, a pristup resursu dopušten je danoj domeni, kada CDN pokuša preuzeti fontove navedene u CSS-u, izvor/domena navedena prilikom preuzimanja tih fontova je iz CDN-a, ali CORS pristup nije omogućen CDN domeni.
Napravite CORS pravilo za svoju CDN domenu.
Koristim CDN koji mi ne dopušta izmjenu njegovog odgovora, pa sam izmijenio font-awesome.min.css zamjenom relativnog puta s apsolutnim putem i uspjelo je.
Problem nije u CSS datoteci, već u načinu na koji radi s datotekom fonta. Datoteka font-awesome.min.css ima retke poput
@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( "../fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"),url("../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format ("svg"); font-weight:normal; font-style:normal)
koji tjeraju preglednik da zatraži odgovarajuću datoteku fonta (eot, woff, ttf ili svg) s istog poslužitelja kao CSS datoteka. Ovo je logično i ispravno.
Međutim, kada preglednik zatraži ovu datoteku fonta od cdn.keywest.life, čita zaglavlja zaglavlja Access-Control-Allow-Origin i ne nalazi je, pa daje ovu poruku o pogrešci. (Ovo mi izgleda kao pogreška preglednika jer dolazi s istog poslužitelja kao i CSS datoteka).
Umjesto toga, kada koristite maxcdn.bootstrapcdn.com odgovor uključuje Access-Control-Allow-Origin:* zaglavlje i preglednik prihvaća tu datoteku fonta. Ako je vaš cdn poslužitelj uključio ovo zaglavlje, i ono će raditi.
Ako imate Apache poslužitelj, pogledajte ovaj odgovor: Font-awesome se ne prikazuje pravilno u Firefoxu / kako prodati putem CDN-a?
Na ovoj stranici trenutno kodiram koristeći webfontove koji su pohranjeni na mom poslužitelju. Svaki ih preglednik dobro prikazuje, ali Chrome ne. Chrome umjesto toga koristi Times New Roman. Nakon provjere alata za razvojne programere na chromeu otkrio sam da zahtijevaju ARE fontove s poslužitelja i da su uspješno uklonjeni. Iz nekog razloga razlog Chrome ne koristi ih. Primijetio sam da ako instaliram fontove na svoje računalo (koristeći Windows, BTW), ono odjednom počne raditi s chromeom.
Evo mog čitanja fonta:
@font-face (familija fontova: "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"); težina fonta: normalna; font - stil: normalan; )
Imate li ideja?
EDIT: Zaboravio sam spomenuti da ovaj određeni CSS radi s drugim fontovima. Samo mi ovaj određeni font i BNMadregot stvaraju probleme. Možda je to zato što su engleska slova ovog fonta prazna?
02 odgovora
Font je pokvaren (kao što vam je FontSquirrel rekao). Nemojte ga koristiti. Preuzeo sam BN Lunch sa stranice koju ste spomenuli i obradio ga pomoću font-face-generator.com, a test.html stranica koju je generirao ne prikazuje znakove u tom fontu (i da, probao sam i obične brojeve i hebrejska slova ) Krom ili u Firefoxu, samo u IE (testirano na Win 7). Chromeovi razvojni alati pokazuju da Chrome prima datoteke fontova, a ne signalizira pogreške, pa se čini da su interne tablice fontova pokvarene (npr. netočne informacije o pokrivenosti znakova). Stranica koja ga distribuira izgleda sumnjivo kao jedna od mnogih ilegalnih stranica za distribuciju fontova; na primjer, ne spominju se autori ili autorska prava fontova.
Dakle, nabavite drugi font.
Imam sličan CSS kod koji dobro funkcionira u svakom pregledniku, čak i u Chromeu.
@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"); težina fonta: normalna; stil fonta: normalna; )
Postoje neke razlike u odnosu na vaš CSS, pa pokušajte slijediti ovaj obrazac i vidjeti što će se dogoditi.
Na temelju probne instalacije Google preglednik Chrome Canary na novom Windows računalu otkrio je neispravne fontove, kako u sučelju samog preglednika tako i na stranicama koje su se u njemu otvarale.
Nije tajna da renderiranje je daleko od uvijek idealnog, ali nismo očekivali takvu pojavu na ovom stroju, jer Chrome verzijeŠtala nikad nije vidjela ovako nešto.
Ali morao sam...
Kako je spomenuti problem izgledao izvana možete vidjeti na snimci ispod. Gornji dio izradili smo odmah nakon montaže , a donji - nakon što se pogreška ispravi. Imajte na umu da je ovo stranica izbornika postavki (tzv stranica chrome://flags).
Naravno, pretpostavili smo i da bi jedan od razloga za ovu pojavu mogao biti to što je Canary najnovija verzija preglednika, a možda se u njemu još uvijek nešto dorađuje i prepravlja čega još nema ni u Stable verziji Chromea.
Međutim, daljnje razmišljanje dovelo je do ideje da ovaj problem također može uspješno stvoriti vlastiti hardver računala i/ili upravljački programi instalirani na njemu. Osim toga, slučajno "guglanje" informacija o ovoj temi pokazalo je da se slična pitanja povremeno pojavljuju među korisnicima od vremena Chrome 3.
I metode korištene za uklanjanje greške također su bile vrlo različite, posebno onesposobljavanje ili DirectWrite, pokrenite Chrome s različitim početnim parametrima itd. Gotovo svi su stari, naravno, i više nisu relevantni za najnovije verzije preglednika. Ali neki od "klasika", kako se pokazalo, nisu izgubili svoju bivšu učinkovitost. Tako,..
što učiniti ako se pokvareni fontovi pojave u Google Chrome Canary:
- ići " postavke " (kroz krom://postavke/ ili putem " Jelovnik«);
- Pomaknite se do dna stranice i kliknite " Dodatni «;
- zatim ponovno pomaknite stranicu do odjeljka " Sustav«;
- i u njemu onemogućimo funkciju “ Koristite hardversko ubrzanje (ako je dostupno) «;
- ponovno pokrenite Chrome.
Nakon toga, slomljeni fontovi “ispravili” sami sebe. No također je vrijedno napomenuti da onemogućavanje funkcije hardverskog ubrzanja u ovoj konkretnoj situaciji treba shvatiti kao manje od dva zla, budući da to može negativno utjecati na performanse preglednika u nizu slučajeva (točnije, prilikom obavljanja određenih zadataka). Međutim, možete omogućiti funkciju u bilo kojem trenutku ponavljanjem gornjeg algoritma radnji.
Ponekad, nakon što je objavljeno najnovije ažuriranje preglednika Chrome, mnogi korisnici imaju problem s prikazom fonta, naime, on postaje nejasan, zamagljen, pa ga je nemoguće pročitati.
U starijim verzijama, prije izdanja verzije 51, rješavanje ovog problema nije bilo teško, ali s dolaskom verzije 52, programeri su korisnicima predstavili pravo iznenađenje, nažalost, neugodno.
Kako promijeniti nečitljive fontove
Tvorci Google Chromea odlučili su ukloniti mogućnost osobnih postavki izgled font koristeći eksperimentalnu opciju "Disable DirectWrite Windows", koja je bila pravi spas za korisnike koji pate od nejasnih fontova. Sada je uklonjen. 
Potpuno je nejasno kako se takav korak može objasniti, no na forumima, što vrijedi i za službeni Google forum, možete pronaći veliki broj negativne recenzije, u kojima ne samo traže, nego traže da se sve vrati kako je bilo. Ali čini se da će programeri ostaviti sve kako jest.
Problemi s korištenjem preglednika
Problem s prikazom fontova manifestira se na različite načine.
Najprije morate saznati koju verziju Google Chromea imate instaliranu, za koju se trebate upisati adresna traka chrome://help/ i pritisnite enter. Odmah će se otvoriti stranica "o programu".
Ako vaš preglednik ima verziju 52 ili noviju, bilo bi dobro da se upoznate s dolje navedenim metodama. Iako trenutačno ne postoji način na koji možete koristiti mogućnosti samog Google Chromea za preglednost fontova, budući da su zahvaljujući programerima korisnici izgubili priliku utjecati na to, još uvijek postoji nekoliko trikova
Postoje samo 2 opcije za rješavanje ovog problema:
- Počnite raditi s drugim preglednikom, na primjer, Firefoxom. Najnovija verzija Opera, kao i Chrome, ima niz problema s prikazom fontova, posebice s njihovom bojom, što se objašnjava istim motorom na kojem su razvijeni.
- Vratite Google Chrome na prethodnu verziju kada nije bilo takvih problema i konfigurirajte parametar DirectWrite. Međutim, postoji jedno upozorenje: ne postoji način da se vratite pomoću postavki samog preglednika, jer ne postoji takva opcija. Čak i ako je trenutni izbrisan Google verzije Chrome, neće biti moguće pronaći instalacijske datoteke za starije verzije na službenoj web stranici razvojnog programera.
Vraćanje na prethodnu verziju Chromea
Da biste to učinili, morate slijediti ovu shemu:
Prije brisanja preglednika morate sinkronizirati sve potrebne podatke s Google račun Chrome kako ih ne biste izgubili. Da biste to učinili, morate u adresni prozor vašeg preglednika upisati chrome://settings/syncSetup, a zatim pritisnuti enter. Nakon toga će vam se otvoriti prozor u kojem možete označiti stavke koje su vam potrebne ili još bolje samo odabrati opciju “Sinkroniziraj sve”. Sada morate malo pričekati dok se sinkronizacija ne završi, pogotovo ako je do ovog trenutka ova opcija bila onemogućena. 
Nakon što instalirate prethodnu, normalno radnu verziju preglednika Google Chrome, ponovno koristeći sinkronizaciju, trebate promijeniti sve postavke preglednika na one koje ste prethodno koristili, svakako isključite automatsko ažuriranje prije nova verzija, inače će Chrome vratiti sve kako je bilo, a vi ćete samo gubiti vrijeme.
Onemogući ažuriranje Chromea
Kako biste spriječili Google Chrome da se sam ažurira, trebali biste upotrijebiti jedan trik. Idite na c:\Program Files\Google\Update\ ili c:\Program Files (x86)\Google\Update\ ako ste na računalu operacijski sustav 64-bitnu verziju i izbrišite jednu datoteku GoogleUpdate.exe.
Možete ga pronaći na internetu veliki broj preporuke koje inzistiraju na uređivanju unosa u registru, mijenjanju pravila grupe Windows, dodavanje administrativnih predložaka i slično. U pravilu, većinu ovih uputa sastavili su oni korisnici koji sve to nisu učinili sami, već su samo prepisali ono što su prethodno vidjeli na nekom forumu. Za rješavanje takvog problema nisu potrebne sve ove radnje. Dovoljno je izbrisati datoteku GoogleUpdate.exe i Google Chrome se više neće sam ažurirati. 
Ako ikada budete trebali instalirati novu verziju preglednika Chrome, u tom će slučaju sam korisnik morati otići na službenu web stranicu programera i preuzeti instalacijsku datoteku, a zatim ga uspješno instalirajte. Kao što vidite, nema problema s onemogućavanjem ažuriranja preglednika, sve je vrlo jednostavno i lako.
Slijedeći ove savjete, svoj preglednik možete riješiti problema s prikazom fonta, promijeniti mu boju u normalnu i raditi s Google Chromeom kao i prije.