Fontul Google Chrome s-a schimbat (4)

Tocmai am observat pe mai multe site-uri în care pictogramele minunate de font nu sunt afișate Google Chrome. Consola afișează următoarea eroare:

Multumesc pentru orice ajutor/explicatie!

Această problemă de accesare a fonturilor - active uimitoare a fost o problemă pentru mulți oameni fără o explicație cuprinzătoare și o soluție a problemei.

Ce este CORS:

Copy Resource Sharing (CORS) este un mecanism care utilizează anteturi HTTP suplimentare pentru a permite unui agent utilizator să acceseze resursele selectate de pe un server dintr-o altă origine (domeniu) decât cea utilizată în în acest moment site-ul web. Un agent de utilizator efectuează o solicitare HTTP de origine încrucișată atunci când solicită o resursă dintr-un domeniu, protocol sau port diferit de cel din care provine documentul curent.

Problemă:

Problema este legată de modul în care sunt încărcate fonturile uimitoare.

@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( format „../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;

Fonturile sunt încărcate prin foaie de stil (CSS). Situația pe care o avem aici:

Soluţie:

Deși regulile CORS au fost create în stocarea fișierelor, cum ar fi S3, și accesul la resursă a fost acordat domeniului dat, atunci când CDN-ul încearcă să descarce fonturile specificate în CSS, sursa/domeniul specificat la descărcarea acestora. fonturile sunt din CDN, dar accesul CORS nu este furnizat domeniului CDN.

Creați o regulă CORS pentru domeniul dvs. CDN.

Folosesc un CDN care nu îmi permite să-i modific răspunsul, așa că am modificat font-awesome.min.css înlocuind calea relativă cu o cale absolută și a funcționat.

Problema nu este cu fișierul CSS, ci cu modul în care funcționează cu fișierul font. Fișierul font-awesome.min.css are linii precum

@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( format „../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;

care obligă browserul să solicite fișierul de font corespunzător (eot, woff, ttf sau svg) de la același server ca fișier CSS. Acest lucru este logic și corect.

Cu toate acestea, atunci când browserul solicită acest fișier de font de la cdn.keywest.life, citește anteturile antetului Access-Control-Allow-Origin și nu îl găsește, așa că dă acest mesaj de eroare. (Mi se pare o eroare a browserului, deoarece vine de la același server ca și fișierul CSS).

În schimb, atunci când utilizați maxcdn.bootstrapcdn.com răspunsul include un antet Access-Control-Allow-Origin:* și browserul acceptă acel fișier cu font. Dacă serverul dvs. cdn a inclus acest antet, va funcționa și el.

Dacă aveți un server Apache, vedeți acest răspuns: Font-awesome nu se redă corect în Firefox / cum se vinde prin CDN?

Periodic, după actualizarea browserului Chrome, utilizatorii au avut probleme cu fontul: a devenit săpun, neclar, neclar etc. Până la versiunea 51 inclusiv, această problemă a fost rezolvată cu ușurință, dar actualizarea la versiunea 52 a adus o mare surpriză tuturor utilizatorilor de browser. ...

Cum se explică un astfel de pas este absolut neclar, dar pe forumuri, inclusiv pe forumul oficial Google, există un număr mare de recenzii supărate cu solicitări și chiar solicitări de a returna totul înapoi.

La momentul scrierii, 6 august, avem deja următoarea versiune a browserului Chrome (52.0.2743.116), dar nimic nu s-a schimbat. Se pare că dezvoltatorii știu mai bine care font este mai convenabil pentru utilizatori și nu ar trebui să le ofere libertatea de alegere...

Ce probleme pot apărea în browser?

O problemă cu fonturile se poate manifesta în diferite moduri. Pentru unii, fontul este pur și simplu neclar și neclar. Pentru unii, fontul aldin are o umbră sau nu este deloc diferit de cel obișnuit:

Cineva are probleme cu afișarea fontului pe site-ul VKontakte: este tulbure, complet ilizibil, taie și încordează ochii. Exemplu:

Pentru unii, în loc de negre, toate literele sunt gri, abia vizibile pe fundal alb:

Și unii utilizatori se confruntă cu prostii și groază complete: fonturile sunt rupte și arată strâmbe:

Cum să rezolvi problema cu fonturile în Google Chrome și să le readuci la o stare care poate fi citită?

Dacă versiunea Chrome este 51 și mai mică, atunci tu, iar dacă 52 și mai mare, atunci ascultă cu atenție... În prezent, nu există nicio soluție pentru a face fonturile mai clare folosind Chrome însuși - dezvoltatorii i-au lipsit pe utilizatori de a influența acest lucru prin eliminarea Parametrul DirectWrite din setările experimentale!

Există doar două moduri de a rezolva această problemă:

• Mai întâi, comutați la alt browser, cum ar fi Firefox. Apropo, cele mai recente versiuni de Opera au aceeași problemă cu fonturile ca Chrome, deoarece se bazează pe același motor.
• În al doilea rând, faceți înapoi Chrome la versiunea anterioară, mai precis la cea în care problema nu era încă prezentă (51.0.2704.106) și configurați parametrul DirectWrite. Dar există o captură...

Dezvoltatorii Google i-au depășit pe toată lumea de aici :) Este imposibil să reveniți prin setările browserului în sine - nu există o astfel de opțiune. Chiar dacă dezinstalați versiunea curentă a programului, nu veți găsi fișiere de instalare ale versiunilor anterioare pe site-ul oficial.

Cum să reveniți la o versiune anterioară de Google Chrome

Tot ce rămâne este această diagramă:

Oricine dorește poate căuta pe cont propriu, dar noi l-am găsit deja, l-am descărcat și acum vă împărtășim un link pe Yandex.Disk: Google Chrome 51.0.2704.106 (există o versiune atât pentru sistemele pe 64 de biți, cât și pentru cele pe 32 de biți) .

1. Înainte de a dezinstala Chrome, sincronizați toate datele necesare cu cont Google ca să nu dispară! Pentru a face acest lucru, în fereastra de adresă a browserului dvs., tastați chrome://settings/syncSetupși apăsați enter. În fereastra care se deschide, bifați casetele de lângă toate elementele necesare sau, mai bine, selectați opțiunea „Sincronizează totul”, ca în captura de ecran de mai jos - va fi mai de încredere :)

Așteptați un timp pentru finalizarea sincronizării, mai ales dacă ați avut anterior această opțiune dezactivată.

1. După instalarea versiunii 51.0.2704.106, reveniți setări vechi Chrome prin sincronizare și asigurați-vă că opriți actualizare automată la cea mai recentă versiune, în caz contrar browserul va fi actualizat din nou și tot ce este făcut se va duce la gunoi!

Cum să dezactivezi actualizările Chrome

Pentru a împiedica actualizarea browserului, facem un singur truc. Accesați folderul c:\Program Files\Google\Update\ sau c:\Program Files (x86)\Google\Update\, dacă aveți o versiune pe 64 de biți a sistemului de operare, ștergeți fișierul GoogleUpdate.exe.

Gata, fără probleme :) Pe Internet se recomandă editarea intrărilor din registry, schimbarea grupului Politici Windows, adăugați șabloane administrative etc., etc. Ca întotdeauna, majoritatea acestor instrucțiuni au fost scrise de cei care nu au făcut ei înșiși nimic din toate acestea, ci pur și simplu copiate unul de la altul. Nimic din toate acestea nu este nevoie. Doar ștergeți fișierul GoogleUpdate.exe și Chrome nu se va mai putea actualiza.

Când decideți să instalați cea mai recentă versiune de Google Chrome după ceva timp (dacă se întâmplă acest lucru), pur și simplu descărcați-o manual de pe site-ul oficial fișier de instalareși rulați-l. Nici o problemă!

P.S. (Actualizare 06/2018)

Mulți utilizatori au fost ajutați prin modificarea parametrului font-cache-scaling în setările experimentale. Pentru a face acest lucru, copiați și lipiți în bara de adrese chrome://flags/#enable-font-cache-scaling, apoi selectați starea „Dezactivat”, așa cum se arată în captura de ecran:

Prieteni, ați reușit să rezolvați problema fontului neclar în Google Chrome folosind aceste instrucțiuni? Distribuie acest articol prietenilor tăi folosind butoanele sociale. rețele - cu siguranță vă vor mulțumi, pentru că probabil că au aceleași probleme cu fonturile ca și dvs.

Uneori după ce iese ultima actualizare Browser Chrome, mulți utilizatori au o problemă cu afișarea fontului, și anume, acesta devine neclar, neclar, motiv pentru care nu pot citi nimic.

În versiunile mai vechi, înainte de lansarea versiunii 51, rezolvarea acestei probleme nu a fost dificilă, dar odată cu apariția versiunii 52, dezvoltatorii au oferit utilizatorilor o adevărată surpriză, din păcate, una neplăcută.

Cum se schimbă fonturile care nu pot fi citite

Creatorii Google Chrome au decis să elimine capacitatea de a personaliza aspectul fontului folosind opțiunea experimentală „Dezactivați Windows DirectWrite”, care a fost un adevărat colac de salvare pentru utilizatorii care suferă de fonturi neclare. Acum a fost eliminat.

Cum poate fi explicat un astfel de pas este complet neclar, totuși, pe forumuri, care se aplică și forumului oficial Google, puteți găsi număr mare recenzii negative, în care nu numai că cer, dar cer ca totul să fie returnat așa cum a fost. Dar se pare că dezvoltatorii vor lăsa totul așa cum este.

Probleme la utilizarea browserului

Problema cu afișarea fonturilor se manifestă în diferite moduri.

Mai întâi trebuie să aflați ce versiune de Google Chrome ați instalat, pentru care trebuie să introduceți bara de adrese chrome://help/ și apăsați enter. Pagina „despre program” se va deschide imediat.

Dacă browserul dvs. are versiunea 52 sau mai mare, atunci ar fi o idee bună să vă familiarizați cu metodele de mai jos. Deși în prezent nu există nicio metodă prin care să puteți utiliza capabilitățile Google Chrome în sine pentru a clarifica fonturile, deoarece datorită dezvoltatorilor, utilizatorii au pierdut șansa de a influența acest lucru, există încă câteva trucuri.

Există doar 2 opțiuni pentru a rezolva această problemă:

1. Începeți să lucrați cu un alt browser, de exemplu, Firefox. Ultima versiune Opera, la fel ca Chrome, are o serie de probleme cu afișarea fonturilor, în special cu culoarea, ceea ce se explică prin același motor pe care au fost dezvoltate.
2. Reveniți Google Chrome la o versiune anterioară când nu au existat astfel de probleme și configurați parametrul DirectWrite. Cu toate acestea, există un avertisment: nu există nicio modalitate de a reveni cu ajutorul setărilor browserului în sine, deoarece nu există o astfel de opțiune. Chiar dacă cel actual este șters versiuni Google Chrome, nu va fi posibil să găsiți fișiere de instalare ale versiunilor anterioare pe site-ul web oficial al dezvoltatorului.

Reveniți la o versiune anterioară de Chrome

Pentru a face acest lucru, trebuie să urmați această schemă:

Înainte de a dezinstala browserul, trebuie să le sincronizați pe toate informatiile necesare cu contul dvs. Google Chrome pentru a nu le pierde. Pentru a face acest lucru, trebuie să tastați chrome://settings/syncSetup în fereastra de adrese a browserului dvs., apoi apăsați Enter. După aceasta, se va deschide o fereastră în care puteți marca elementele de care aveți nevoie sau, mai bine, selectați opțiunea „Sincronizează totul”. Acum trebuie să așteptați puțin până când sincronizarea este finalizată, mai ales dacă înainte de acest moment această opțiune era într-o stare de handicap.

După ce instalați versiunea anterioară, care funcționează în mod normal, a Google Chrome, folosind din nou sincronizarea, trebuie să modificați toate setările browserului la cele utilizate anterior, asigurați-vă că dezactivați actualizarea automată la noua versiune, în caz contrar, Chrome va returna totul așa cum a fost și nu veți pierde decât timpul.

Dezactivează actualizarea Chrome

Pentru a împiedica Google Chrome să se actualizeze, ar trebui să folosiți un singur truc. Accesați c:\Program Files\Google\Update\ sau c:\Program Files (x86)\Google\Update\ dacă sunteți pe computer sistem de operare versiunea pe 64 de biți și ștergeți un fișier GoogleUpdate.exe.

Pe Internet puteți găsi un număr mare de recomandări care insistă pe editarea intrărilor din registry, schimbare politica de grup Windows, adăugând șabloane administrative și altele asemenea. De regulă, majoritatea acestor instrucțiuni au fost compilate de acei utilizatori care nu au făcut toate acestea ei înșiși, ci doar au rescris ceea ce au văzut anterior pe un forum. Pentru a rezolva o astfel de problemă, toate aceste acțiuni nu sunt necesare. Este suficient să ștergeți fișierul GoogleUpdate.exe și Google Chrome nu se va mai actualiza singur.

Dacă trebuie vreodată să instalați o nouă versiune a browserului Chrome, în acest caz, utilizatorul însuși va trebui să acceseze site-ul web oficial al dezvoltatorilor și să descarce fișierul de instalare, apoi să îl instaleze cu succes. După cum puteți vedea, nu există probleme cu dezactivarea actualizărilor browserului, totul este foarte simplu și ușor.

Urmând aceste sfaturi, puteți elimina browserul dvs. de problemele cu afișarea fontului, puteți schimba culoarea acestuia în normal și puteți lucra cu Google Chrome ca înainte.

Pe acest site codific în prezent folosind fonturi web care sunt stocate pe serverul meu. Fiecare browser le redă bine, dar Chrome nu. În schimb Chrome folosește Times New Român. După ce am verificat instrumentele pentru dezvoltatori pe Chrome, am constatat că acestea solicitau fonturi ARE de pe server și erau eliminate cu succes. Din anumite motive, Chrome nu le folosește. Am observat că, dacă instalez fonturi pe computer (folosind Windows, BTW), brusc începe să funcționeze cu Chrome.

Iată lectura mea despre font:

@font-face ( familia de fonturi: "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"); font-weight: normal; font -stil: normal)

Ceva idei?

EDIT: Am uitat să menționez că acest CSS particular funcționează cu alte fonturi. Doar acest font special și BNMadregot îmi dau probleme. Poate pentru că litere engleze Acest font este gol?

2 raspunsuri

Fontul este rupt (cum ți-a spus FontSquirrel). Nu-l folosi. Am descărcat BN Lunch de pe site-ul pe care l-ați menționat și l-am procesat folosind font-face-generator.com, iar pagina test.html pe care a generat-o nu afișează caracterele din acel font (și da, am încercat și numere simple și litere ebraice ) Chrome sauîn Firefox, numai în IE (testat pe Win 7). Instrumentele de dezvoltare Chrome arată că Chrome primește fișiere cu fonturi și nu semnalează erori, așa că tabelele interne de fonturi par a fi rupte (de exemplu, informații incorecte privind acoperirea caracterelor). Site-ul care îl distribuie arată în mod suspect ca unul dintre multele site-uri ilegale de distribuție a fonturilor; de exemplu, nu se face nicio mențiune despre autori sau drepturile de autor ale fonturilor.

Deci, obțineți alt font.

Am un cod CSS similar care funcționează bine în fiecare browser, chiar și în Chrome.

@font-face ( familia de fonturi: "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"); font-weight: normal;

Există unele diferențe față de CSS-ul tău, așa că încearcă să urmezi acest model și vezi ce se întâmplă.