Google Chrome shrifti o'zgartirildi (4)

Bir nechta saytlarda shriftning ajoyib piktogrammalari ko'rinmayotganini payqadim Gugl xrom. Konsol quyidagi xatoni ko'rsatadi:

Har qanday yordam/tushuntirish uchun rahmat!

Shriftlarga kirishning bu muammosi - ajoyib aktivlar muammoni keng qamrovli tushuntirish va hal qilmasdan ko'p odamlar uchun muammo bo'lib kelgan.

CORS nima:

Resurslardan nusxa ko‘chirish (CORS) – bu foydalanuvchi agentiga hozirda foydalanilayotgan saytdan boshqa kelib chiqishi (domen)dagi serverdan tanlangan resurslarga kirishga ruxsat berish uchun qo‘shimcha HTTP sarlavhalaridan foydalanadigan mexanizm. Foydalanuvchi agenti joriy hujjat kelib chiqqanidan boshqa domen, protokol yoki portdan resurs so‘raganda o‘zaro HTTP so‘rovini amalga oshiradi.

Muammo:

Muammo ajoyib shrift shriftlarini yuklash usuli bilan bog'liq.

@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") formati("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") formati ("svg"); shrift vazni: normal; shrift uslubi: normal)

Shriftlar uslublar jadvali (CSS) orqali yuklanadi. Bu erda bizda vaziyat:

Yechim:

S3 kabi fayl xotirangizda CORS qoidalari yaratilgan boʻlsa va ushbu domenga resursga kirish huquqi berilgan boʻlsa-da, CDN CSS-da koʻrsatilgan shriftlarni yuklab olishga harakat qilganda, ushbu shriftlarni yuklab olishda koʻrsatilgan manba/domen. CDN-dan, lekin CORS-ga kirish CDN domeniga taqdim etilmaydi.

CDN domeningiz uchun CORS qoidasini yarating.

Men uning javobini o'zgartirishga ruxsat bermaydigan CDN dan foydalanmoqdaman, shuning uchun nisbiy yo'lni mutlaq yo'l bilan almashtirish orqali font-awesome.min.css ni o'zgartirdim va u ishladi.

Muammo CSS faylida emas, balki uning shrift fayli bilan ishlash usulida. font-awesome.min.css faylida qatorlar mavjud

@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") formati("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") formati ("svg"); shrift vazni: normal; shrift uslubi: normal)

brauzerni xuddi shu serverdan mos keladigan shrift faylini (eot, woff, ttf yoki svg) so'rashga majbur qiladi. CSS fayli. Bu mantiqiy va to'g'ri.

Biroq, brauzer cdn.keywest.life dan ushbu shrift faylini so'raganda, u Access-Control-Allow-Origin sarlavhalarini o'qiydi va uni topa olmaydi, shuning uchun bu xato xabarini beradi. (Bu men uchun brauzer xatosi kabi ko'rinadi, chunki u CSS fayli bilan bir xil serverdan keladi).

Buning o'rniga, maxcdn.bootstrapcdn.com dan foydalanganda javob Access-Control-Allow-Origin:* sarlavhasini o'z ichiga oladi va brauzer ushbu shrift faylini qabul qiladi. Agar sizning cdn serveringiz ushbu sarlavhani o'z ichiga olgan bo'lsa, u ham ishlaydi.

Agar sizda Apache serveringiz bo'lsa, ushbu javobni ko'ring: Firefox-da shrift-ajoyib to'g'ri ko'rsatilmaydi / CDN orqali qanday sotish mumkin?

Vaqti-vaqti bilan, Chrome brauzerini yangilagandan so'ng, foydalanuvchilar shrift bilan bog'liq muammolarga duch kelishdi: u sovun, loyqa, loyqa va hokazo bo'lib qoldi. 51-versiyani o'z ichiga olgan holda, bu muammo osongina hal qilindi, ammo 52-versiyaga yangilanish barcha brauzer foydalanuvchilariga katta ajablanib keltirdi. ...

Bunday qadamni qanday tushuntirish mutlaqo noaniq, ammo forumlarda, shu jumladan rasmiy Google forumida, so'rovlar va hatto hamma narsani qaytarib berish talablari bilan juda ko'p g'azablangan sharhlar mavjud.

Yozish vaqtida, 6 avgust kuni bizda Chrome brauzerining keyingi versiyasi (52.0.2743.116) mavjud, ammo hech narsa o'zgarmadi. Ko'rinishidan, ishlab chiquvchilar foydalanuvchilar uchun qaysi shrift qulayroq ekanligini yaxshiroq bilishadi va ularga tanlash erkinligini bermasliklari kerak...

Brauzerda qanday muammolar paydo bo'lishi mumkin?

Shriftlar bilan bog'liq muammo turli yo'llar bilan o'zini namoyon qilishi mumkin. Ba'zilar uchun shrift shunchaki loyqa va tushunarsiz. Ba'zilar uchun qalin shrift soyaga ega yoki odatdagidan umuman farq qilmaydi:

Kimdir VKontakte veb-saytida shriftni ko'rsatish bilan bog'liq muammolarga duch kelmoqda: u bulutli, butunlay o'qilmaydi, ko'zlarni kesadi va zo'riqtiradi. Misol:

Ba'zilar uchun qora o'rniga barcha harflar kulrang, oq fonda deyarli ko'rinmaydi:

Va ba'zi foydalanuvchilar to'liq bema'nilik va dahshatga duch kelishadi: shriftlar buzilgan va egri ko'rinadi:

Google Chrome-da shriftlar bilan bog'liq muammoni qanday hal qilish va ularni o'qilishi mumkin bo'lgan holatga qaytarish mumkin?

Agar Chrome versiyasi 51 va undan pastroq bo'lsa, siz, agar 52 va undan yuqori bo'lsa, diqqat bilan tinglang ... Hozirda Chrome brauzerining o'zi yordamida shriftlarni qanday aniqroq qilish bo'yicha hech qanday yechim yo'q - ishlab chiquvchilar foydalanuvchilarni bunga ta'sir qilishdan mahrum qilishdi. Eksperimental sozlamalardan DirectWrite parametri!

Ushbu muammoni hal qilishning faqat ikkita usuli mavjud:

• Birinchidan, Firefox kabi boshqa brauzerga o'ting. Aytgancha, Operaning so'nggi versiyalarida Chrome shriftlari bilan bir xil muammolar mavjud, chunki ular bir xil dvigatelga asoslangan.
• Ikkinchidan, Chrome-ni avvalgi versiyasiga, aniqrog'i muammo hali mavjud bo'lmagan versiyaga (51.0.2704.106) qaytaring va DirectWrite parametrini sozlang. Ammo bitta jihat bor ...

Google ishlab chiquvchilari bu erda ham hammani aldashdi :) Brauzerning o'zi sozlamalari orqali orqaga qaytish mumkin emas - bunday imkoniyat yo'q. Dasturning joriy versiyasini o'chirib tashlasangiz ham, rasmiy veb-saytda oldingi versiyalarning o'rnatish fayllarini topa olmaysiz.

Google Chrome-ning oldingi versiyasiga qanday qaytish mumkin

Qolgan narsa bu diagramma:

Xohlagan har bir kishi o'zi qidirishi mumkin, lekin biz uni allaqachon topdik, yuklab oldik va endi biz siz bilan Yandex.Diskdagi havolani baham ko'ramiz: Google Chrome 51.0.2704.106 (ham 64bit, ham 32bit tizimlar uchun versiya mavjud) .

1. Chrome-ni o'chirishdan oldin barcha kerakli ma'lumotlarni sinxronlashtiring Google hisobi ular yo'q bo'lib ketmasligi uchun! Buning uchun brauzeringizning manzil oynasiga kiriting chrome://settings/syncSetup va enter tugmasini bosing. Ochilgan oynada barcha kerakli narsalar yonidagi katakchalarni belgilang yoki undan ham yaxshisi, quyidagi skrinshotda bo'lgani kabi "Hammasini sinxronlash" opsiyasini tanlang - bu ishonchliroq bo'ladi :)

Sinxronizatsiya tugashi uchun biroz kuting, ayniqsa siz ushbu parametrni o'chirib qo'ygan bo'lsangiz.

1. 51.0.2704.106 versiyasini o'rnatgandan so'ng, qayting oldingi sozlamalar Sinxronlash orqali Chrome va ishonch hosil qiling o'chirib qo'yish avtomatik yangilash eng so'nggi versiyaga o'ting, aks holda brauzer yana yangilanadi va qilingan hamma narsa bekorga ketadi!

Chrome yangilanishlarini qanday o'chirish mumkin

Brauzerni yangilashning oldini olish uchun biz bitta hiyla qilamiz. c:\Program Files\Google\Update\ yoki c:\Program Files (x86)\Google\Update\ jildiga o'ting, agar sizda OS ning 64-bitli versiyasi bo'lsa, faylni o'chirib tashlang. GoogleUpdate.exe.

Hammasi shu, muammo yo'q :) Internetda ro'yxatga olish kitobi yozuvlarini tahrirlash, guruhni o'zgartirish tavsiya etiladi Windows siyosati, ma'muriy shablonlarni qo'shing va hokazo. va hokazo. Har doimgidek, bu ko'rsatmalarning aksariyati bularning hech birini o'zlari qilmaganlar tomonidan yozilgan, lekin oddiygina bir-biridan ko'chirilgan. Bularning hech biri kerak emas. Shunchaki GoogleUpdate.exe faylini oʻchirib tashlang va Chrome endi yangilay olmaydi.

Biroz vaqt o'tgach, siz Google Chrome-ning so'nggi versiyasini o'rnatishga qaror qilsangiz (agar bu sodir bo'lsa), o'rnatish faylini rasmiy veb-saytdan qo'lda yuklab oling va uni ishga tushiring. Hammasi joyida!

P.S. (Yangilanish 06/2018)

Ko'pgina foydalanuvchilarga eksperimental sozlamalarda shrift-kesh-miqyoslash parametrini o'zgartirish yordam berdi. Buning uchun manzil satriga nusxa ko'chiring va joylashtiring chrome://flags/#enable-font-cache-scaling, so'ngra skrinshotda ko'rsatilganidek, "O'chirilgan" holatini tanlang:

Do'stlar, ushbu ko'rsatmalardan foydalanib, Google Chrome brauzerida loyqa loyqa shrift muammosini hal qildingizmi? Ijtimoiy tugmalar yordamida ushbu maqolani do'stlaringiz bilan baham ko'ring. tarmoqlar - ular sizga albatta rahmat aytishadi, chunki ular siz kabi shriftlar bilan bir xil muammolarga duch kelishadi.

Ba'zan u chiqqandan keyin Oxirgi yangilanish Chrome brauzerida ko'plab foydalanuvchilar shriftni ko'rsatishda muammoga duch kelishadi, ya'ni u loyqa, loyqa bo'lib qoladi, shuning uchun ular hech narsani o'qiy olmaydilar.

Eski versiyalarda, 51-versiya chiqarilishidan oldin, bu muammoni hal qilish qiyin emas edi, lekin 52-versiyaning paydo bo'lishi bilan ishlab chiquvchilar foydalanuvchilarga haqiqiy ajablanib, afsuski, yoqimsiz voqeani taqdim etishdi.

O'qib bo'lmaydigan shriftlarni qanday o'zgartirish mumkin

Google Chrome yaratuvchilari loyqa shriftlardan aziyat chekayotgan foydalanuvchilar uchun haqiqiy hayot chizig'i bo'lgan "DirectWrite Windows-ni o'chirish" eksperimental opsiyasi yordamida shrift ko'rinishini shaxsiylashtirish imkoniyatini olib tashlashga qaror qilishdi. Endi u olib tashlandi.

Bunday qadamni qanday tushuntirish mumkinligi mutlaqo noma'lum, ammo forumlarda, shu jumladan rasmiy Google forumida siz ko'plab salbiy sharhlarni topishingiz mumkin, ularda ular nafaqat so'rashadi, balki hamma narsani avvalgidek qaytarishni talab qilishadi. Ammo ishlab chiquvchilar hamma narsani avvalgidek qoldiradilar.

Brauzerdan foydalanish bilan bog'liq muammolar

Shriftlarni ko'rsatish muammosi turli yo'llar bilan namoyon bo'ladi.

Avval siz Google Chrome-ning qaysi versiyasini o'rnatganingizni bilib olishingiz kerak, buning uchun siz kiritishingiz kerak manzil satri chrome://help/ va Enter tugmasini bosing. "Dastur haqida" sahifasi darhol ochiladi.

Brauzeringiz 52 yoki undan yuqori versiyaga ega bo'lsa, quyida keltirilgan usullar bilan tanishib chiqishingiz ma'qul. Hozirda shriftlarni aniq qilish uchun Google Chrome-ning imkoniyatlaridan foydalanishingiz mumkin bo'lgan usul yo'q bo'lsa-da, chunki ishlab chiquvchilar tufayli foydalanuvchilar bunga ta'sir qilish imkoniyatini yo'qotdilar, ammo hali ham bir nechta fokuslar mavjud.

Ushbu muammoni hal qilish uchun faqat ikkita variant mavjud:

1. Boshqa brauzer bilan ishlashni boshlang, masalan, Firefox. Eng so'nggi versiya Opera, Chrome kabi, shriftlarni ko'rsatishda, xususan, rangi bilan bog'liq bir qator muammolarga ega, bu ular ishlab chiqilgan dvigatel bilan izohlanadi.
2. Bunday muammolar bo'lmaganda Google Chrome-ni oldingi versiyasiga qaytaring va DirectWrite parametrini sozlang. Biroq, bitta ogohlantirish bor: brauzer sozlamalari yordamida orqaga qaytishning iloji yo'q, chunki bunday imkoniyat yo'q. Joriy o'chirilgan bo'lsa ham Google versiyalari Chrome, rasmiy ishlab chiquvchi veb-saytida oldingi versiyalar uchun o'rnatish fayllarini topib bo'lmaydi.

Chrome brauzerining oldingi versiyasiga qaytish

Buni amalga oshirish uchun siz ushbu sxemaga amal qilishingiz kerak:

Brauzerni o'chirishdan oldin siz hamma narsani sinxronlashtirishingiz kerak zarur ma'lumotlar ularni yo'qotmaslik uchun Google Chrome hisobingiz bilan. Buni amalga oshirish uchun brauzeringizning manzillar oynasiga chrome://settings/syncSetup yozishingiz kerak va keyin enter tugmasini bosing. Shundan so'ng, kerakli narsalarni belgilashingiz mumkin bo'lgan oyna ochiladi yoki yaxshiroq, "Hamma narsani sinxronlash" opsiyasini tanlang. Endi sinxronizatsiya tugaguncha biroz kutishingiz kerak, ayniqsa shu daqiqadan oldin bu variant nogiron holatda edi.

Google Chrome-ning avvalgi, odatdagidek ishlaydigan versiyasini qayta o'rnatganingizdan so'ng, sinxronizatsiyadan foydalanib, barcha brauzer sozlamalarini avval ishlatilganiga o'zgartirishingiz kerak, avtomatik yangilashni o'chirib qo'yganingizga ishonch hosil qiling. yangi versiya, aks holda Chrome hamma narsani avvalgidek qaytaradi va siz faqat vaqtingizni behuda sarflaysiz.

Chrome yangilanishini o'chirib qo'ying

Google Chrome o'zini yangilashiga yo'l qo'ymaslik uchun siz bitta hiyla ishlatishingiz kerak. Agar kompyuteringizda bo'lsa, c:\Program Files\Google\Update\ yoki c:\Program Files (x86)\Google\Update\ sahifasiga o'ting. operatsion tizim 64 bitli versiyani o'rnating va bitta GoogleUpdate.exe faylini o'chiring.

Internetda siz ro'yxatga olish kitobi yozuvlarini tahrirlashni, o'zgartirishni talab qiladigan ko'plab tavsiyalarni topishingiz mumkin. guruh siyosati Windows, ma'muriy shablonlarni qo'shish va boshqalar. Qoidaga ko'ra, ushbu ko'rsatmalarning aksariyati bularning barchasini o'zlari qilmagan, faqat biron bir forumda ilgari ko'rganlarini qayta yozgan foydalanuvchilar tomonidan tuzilgan. Bunday muammoni hal qilish uchun bu barcha harakatlar kerak emas. GoogleUpdate.exe faylini o'chirish kifoya va Google Chrome endi o'zini yangilamaydi.

Agar siz Chrome brauzerining yangi versiyasini o'rnatishingiz kerak bo'lsa, bu holda foydalanuvchining o'zi ishlab chiquvchilarning rasmiy veb-saytiga o'tishi va o'rnatish faylini yuklab olishi va keyin uni muvaffaqiyatli o'rnatishi kerak bo'ladi. Ko'rib turganingizdek, brauzer yangilanishlarini o'chirib qo'yish bilan bog'liq muammolar yo'q, hamma narsa juda oddiy va oson.

Ushbu maslahatlarga amal qilish orqali siz brauzeringizni shriftni ko'rsatish bilan bog'liq muammolardan xalos bo'lishingiz, rangini normal holatga o'zgartirishingiz va Google Chrome bilan avvalgidek ishlashingiz mumkin.

Ushbu saytda men hozir serverimda saqlangan veb-shriftlardan foydalanib kodlashyapman. Har bir brauzer ularni juda yaxshi ko'rsatadi, ammo Chrome bunday qilmaydi. Buning o'rniga Chrome foydalanadi Times New Roman. Chrome-da ishlab chiquvchi vositalarini tekshirgandan so'ng, ular serverdan ARE shriftlarini so'rashayotganini va muvaffaqiyatli olib tashlanishini aniqladim. Ba'zi sabablarga ko'ra Chrome ulardan foydalanmaydi. Agar men kompyuterimga shriftlarni o'rnatsam (Windows, BTW-dan foydalanib), u to'satdan Chrome bilan ishlay boshlaganini payqadim.

Mana mening shriftni o'qishim:

@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"); shrift og'irligi: normal; shrift -uslub: normal; )

Har qanday fikr bormi?

EDIT: Ushbu maxsus CSS boshqa shriftlar bilan ishlashini eslatib o'tishni unutibman. Faqat ushbu maxsus shrift va BNMadregot menga muammo tug'dirmoqda. Balki bu shriftning inglizcha harflari bo'sh bo'lgani uchundir?

2 ta javob

Shrift buzilgan (FontSquirrel sizga aytganidek). Undan foydalanmang. Men BN Lunchni siz aytib o‘tgan saytdan yuklab oldim va font-face-generator.com orqali qayta ishladim va u yaratgan test.html sahifasida o‘sha shriftdagi belgilar ko‘rinmaydi (ha, men ham oddiy raqamlar va ibroniy harflarini sinab ko‘rdim. ) Chrome yoki Firefox-da, faqat IE-da (Win 7 da sinovdan o'tgan). Chrome dev vositalari Chrome shrift fayllarini qabul qilishini va xatoliklarni bildirmasligini ko'rsatadi, shuning uchun ichki shrift jadvallari buzilgan ko'rinadi (masalan, belgilar qamrovi haqida noto'g'ri ma'lumot). Uni tarqatadigan sayt shubhali ko'rinishda ko'plab noqonuniy shrift tarqatuvchi saytlardan biriga o'xshaydi; masalan, shriftlarning mualliflari yoki mualliflik huquqi haqida hech qanday eslatma yo'q.

Shunday qilib, boshqa shriftni oling.

Menda shunga o'xshash CSS kodi bor, u har bir brauzerda, hatto Chrome brauzerida ham yaxshi ishlaydi.

@font-face ( font-family: "standart 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"); shrift og'irligi: normal; shrift uslubi: normal; )

Sizning CSS-dan ba'zi farqlar mavjud, shuning uchun ushbu naqshga amal qiling va nima sodir bo'lishini ko'ring.