فونت وب خاصی در Google Chrome نمایش داده نمی شود. فونت های Google chrome Font نمادهای عالی در Chrome مربوط به MaxCDN مربوط به منابع متقابل نشان داده نمی شوند

به طور دوره ای، پس از به روز رسانی مرورگر کروم، کاربران با فونت مشکل داشتند: صابونی، مبهم، تار و غیره می شد. تا نسخه 51 شامل این مشکل به راحتی حل می شد، اما به روز رسانی به نسخه 52 شگفتی بزرگی را برای همه کاربران مرورگر به همراه داشت. ...

کاملاً غیرقابل درک است که چگونه چنین مرحله ای را توضیح دهید، اما در انجمن ها، از جمله انجمن رسمی Google، تعداد زیادی بررسی عصبانی با درخواست ها و حتی درخواست ها برای بازگرداندن همه چیز وجود دارد.

در زمان نگارش این مقاله، در تاریخ 6 آگوست، نسخه بعدی مرورگر کروم (52.0.2743.116) را داریم، اما چیزی تغییر نکرده است. ظاهراً توسعه دهندگان بهتر می دانند که کدام فونت برای کاربران راحت تر است و نباید به آنها آزادی انتخاب داد ...

چه مشکلاتی را می توان در مرورگر مشاهده کرد

مشکل فونت ها می تواند خود را به اشکال مختلف نشان دهد. برای برخی، فونت فقط تار و مبهم است. برای برخی، فونت پررنگ سایه دارد یا اصلاً با فونت معمول تفاوت ندارد:

شخصی در نمایش فونت در وب سایت Vkontakte مشکل دارد: گل آلود است، کاملاً ناخوانا است، چشم را بریده و فشار می آورد. مثال:

شخصی به جای سیاه همه حروف خاکستری دارد که به سختی در پس زمینه سفید قابل مشاهده است:

و برای برخی از کاربران، این کاملاً مزخرف و وحشتناک است: فونت ها شکسته و کج به نظر می رسند:

چگونه مشکل فونت ها را در گوگل کروم حل کنیم و آنها را به حالت خوانا برگردانیم؟

اگر نسخه کروم 51 و پایین تر است، پس شما، و اگر 52 و بالاتر است، پس با دقت گوش دهید ... در حال حاضر، هیچ راه حلی برای شفاف کردن فونت ها با استفاده از خود کروم وجود ندارد - توسعه دهندگان کاربران را از نفوذ در این مورد محروم کرده اند. با حذف پارامتر DirectWrite از تنظیمات آزمایشی!

تنها دو راه برای حل این مشکل وجود دارد:

• ابتدا به مرورگر دیگری مانند فایرفاکس بروید. به هر حال آخرین نسخه های اپرا مشکل فونت مشابه کروم را دارند، زیرا آنها بر اساس یک موتور هستند.
• در مرحله دوم، کروم را به نسخه قبلی برگردانید، به طور دقیق تر، به نسخه ای که هنوز مشکل وجود نداشت (51.0.2704.106) و پارامتر DirectWrite را پیکربندی کنید. اما یک نکته وجود دارد ...

توسعه دهندگان Google در اینجا نیز از همه پیشی گرفته اند :) بازگشت از طریق تنظیمات خود مرورگر غیرممکن است - چنین گزینه ای وجود ندارد. حتی اگر نسخه فعلی برنامه را حذف نصب کنید، فایل های نصب نسخه های قبلی را در وب سایت رسمی پیدا نخواهید کرد.

چگونه به نسخه قبلی گوگل کروم برگردیم

تنها چیزی که باقی می ماند این است:

هر کسی که بخواهد می‌تواند خودش جستجو کند، اما ما قبلاً آن را پیدا کرده‌ایم، آن را دانلود کرده‌ایم و اکنون پیوندی را در Yandex.Disk با شما به اشتراک می‌گذاریم: Google Chrome 51.0.2704.106 (نسخه‌ای برای هر دو سیستم 64 بیتی و 32 بیتی وجود دارد ).

1. قبل از حذف کروم، تمام داده های لازم را با اکانت گوگل خود همگام کنید تا گم نشوند! برای این کار در پنجره آدرس مرورگر تایپ کنید chrome://settings/syncSetupو enter را فشار دهید. در پنجره ای که باز می شود، کادرهای کنار همه موارد ضروری را علامت بزنید یا بهتر است مانند تصویر زیر گزینه "همگام سازی همه چیز" را انتخاب کنید - قابل اعتمادتر خواهد بود :)

کمی صبر کنید تا همگام سازی کامل شود، به خصوص اگر قبلاً این گزینه را غیرفعال کرده باشید.

1. پس از نصب نسخه 51.0.2704.106، تنظیمات قبلی کروم را با همگام سازی برگردانید و حتما به روز رسانی خودکار را خاموش کنیدبه آخرین نسخه، در غیر این صورت مرورگر دوباره آپدیت می شود و تمام کارهای انجام شده از بین می رود!

نحوه غیرفعال کردن آپدیت های کروم

برای جلوگیری از به روز رسانی مرورگر، یک ترفند انجام می دهیم. به پوشه c:\Program Files\Google\Update\ یا c:\Program Files (x86)\Google\Update\ بروید، اگر نسخه 64 بیتی سیستم عامل دارید، فایل را حذف کنید. GoogleUpdate.exe.

همین است، مشکلی نیست :) در اینترنت، توصیه می شود که ورودی های رجیستری را ویرایش کنید، سیاست های گروه ویندوز را تغییر دهید، قالب های مدیریتی و غیره را اضافه کنید، و غیره. ، اما به سادگی یکدیگر را بازنویسی کنید. هیچ کدام از اینها لازم نیست. فقط فایل GoogleUpdate.exe را حذف کنید و کروم دیگر قادر به به روز رسانی نخواهد بود.

وقتی تصمیم به نصب آخرین نسخه گوگل کروم بعد از مدتی گرفتید (اگر این اتفاق افتاد)، فقط فایل نصب را به صورت دستی از سایت رسمی دانلود کرده و اجرا کنید. مشکلی نیست!

P.S. (به روز رسانی 06/2018)

تغییر در تنظیمات آزمایشی پارامتر font-cache-scaling به بسیاری از کاربران کمک کرد. برای انجام این کار، کپی و در نوار آدرس پیست کنید chrome://flags/#enable-font-cache-scaling، سپس وضعیت "غیرفعال" را همانطور که در تصویر نشان داده شده است انتخاب کنید:

دوستان با این آموزش مشکل تار بودن فونت فازی در گوگل کروم را حل کردید؟ این مقاله را با استفاده از دکمه های اجتماعی با دوستان خود به اشتراک بگذارید. شبکه ها - آنها قطعا از شما تشکر خواهند کرد، زیرا آنها احتمالاً مشکلات مشابهی با فونت های شما دارند.

فونت گوگل کروم تغییر کرده است (4)

فقط در چندین سایت متوجه شدم که نمادهای عالی فونت در گوگل کروم نشان داده نمی شوند. کنسول خطای زیر را نمایش می دهد:

با تشکر برای هر گونه کمک / توضیح!

این موضوع دسترسی به فونت‌ها - دارایی‌های شگفت‌انگیز برای بسیاری از افراد بدون توضیح جامع و حل مشکل مشکل بوده است.

CORS چیست:

اشتراک منابع (CORS) مکانیزمی است که از هدرهای HTTP اضافی استفاده می کند تا به عامل کاربر اجازه دهد به منابع انتخاب شده از یک سرور در مبدا (دامنه) متفاوت از سایتی که در حال حاضر استفاده می شود دسترسی داشته باشد. یک عامل کاربر هنگامی که منبعی را از دامنه، پروتکل یا پورتی متفاوت از منبعی که سند فعلی از آن منشأ گرفته است درخواست می کند، درخواست HTTP متقاطع می دهد.

مسئله:

مشکل به نحوه بارگذاری فونت های عالی مربوط می شود.

@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") قالب("embedded-opentype"),url("../fonts/fontawesome-webfont.woff?v=4.2.0") قالب("woff"),url( قالب "../fonts/fontawesome-webfont.ttf?v=4.2.0")("truetype"),url("../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") ("svg")؛ وزن فونت: معمولی؛ سبک قلم: عادی)

فونت ها از طریق یک شیوه نامه (CSS) بارگذاری می شوند. وضعیتی که اینجا داریم:

راه حل:

اگرچه قوانین CORS در فروشگاه فایل شما مانند S3 ایجاد شده است و دسترسی به منبع به دامنه داده شده اعطا شده است، زمانی که CDN سعی می کند فونت های مشخص شده در CSS را بارگیری کند، مبدا/دامنه مشخص شده هنگام بارگیری آن فونت ها از CDN، اما دسترسی CORS به دامنه CDN ارائه نشده است.

یک قانون CORS برای دامنه CDN ایجاد کنید.

من از یک CDN استفاده می کنم که به من اجازه نمی دهد پاسخ او را تغییر دهم، بنابراین font-awesome.min.css را تغییر دادم، مسیر نسبی را با یک مسیر مطلق جایگزین کردم، و کار کرد.

مشکل مربوط به فایل CSS نیست، بلکه مشکل نحوه عملکرد آن با فایل فونت است. فایل font-awesome.min.css دارای خطوطی مانند است

@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") قالب("embedded-opentype"),url("../fonts/fontawesome-webfont.woff?v=4.2.0") قالب("woff"),url( قالب "../fonts/fontawesome-webfont.ttf?v=4.2.0")("truetype"),url("../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") ("svg")؛ وزن قلم: معمولی؛ سبک قلم: عادی)

که مرورگر را مجبور می کند فایل فونت مناسب (eot، woff، ttf یا svg) را از همان سروری که فایل CSS است درخواست کند. این منطقی و درست است.

با این حال، وقتی مرورگر این فایل فونت را از cdn.keywest.life درخواست می کند، سرصفحه های Access-Control-Allow-Origin را می خواند و آن را پیدا نمی کند، به همین دلیل این پیغام خطا را می دهد. (این به نظر من یک باگ مرورگر است زیرا از همان سروری که فایل CSS است می آید).

در عوض، هنگامی که از maxcdn.bootstrapcdn.com استفاده می کنید، پاسخ شامل هدر Access-Control-Allow-Origin:* است و مرورگر این فایل فونت را می پذیرد. اگر سرور cdn شما این هدر را داشته باشد، آن نیز کار خواهد کرد.

اگر یک سرور آپاچی دارید، این پاسخ را ببینید: فونت عالی در فایرفاکس به درستی رندر نمی شود / چگونه از طریق CDN بفروشیم؟

گاهی اوقات، پس از آخرین به روز رسانی مرورگر کروم، بسیاری از کاربران با نمایش فونت دچار مشکل می شوند، یعنی تار شدن، تار شدن آن، که خواندن چیزی را غیرممکن می کند.

در نسخه های قدیمی، قبل از انتشار نسخه 51، راه حل این مشکل دشوار نبود، اما با ظهور نسخه 52، توسعه دهندگان یک شگفتی واقعی را به کاربران ارائه کردند، متاسفانه یک شگفتی ناخوشایند.

نحوه تغییر فونت های ناخوانا

سازندگان گوگل کروم تصمیم گرفتند قابلیت شخصی سازی ظاهر فونت را با استفاده از تنظیمات آزمایشی «غیرفعال کردن DirectWrite Windows» حذف کنند، که یک راه نجات واقعی برای کاربرانی بود که از فونت های فازی رنج می بردند. اکنون حذف شده است.

کاملاً غیرقابل درک است که چگونه می توان چنین مرحله ای را توضیح داد، با این حال، در انجمن ها، که در مورد انجمن رسمی گوگل نیز صدق می کند، می توانید تعداد زیادی بررسی منفی پیدا کنید، که در آنها نه تنها درخواست می کنند، بلکه خواستار بازگرداندن همه چیز هستند. آن گونه که بود. اما به نظر می رسد که توسعه دهندگان همه چیز را همانطور که هست رها می کنند.

مشکلات هنگام کار در مرورگر

مشکل نمایش فونت ها به اشکال مختلف خود را نشان می دهد.

ابتدا باید ببینید کدام نسخه از Google Chrome را نصب کرده اید، برای آن باید chrome://help/ را در نوار آدرس تایپ کنید و اینتر را فشار دهید. صفحه "درباره" بلافاصله باز می شود.

اگر مرورگر شما دارای نسخه 52 و بالاتر است، آشنایی با روش های زیر برای شما اضافی نخواهد بود. اگرچه در حال حاضر هیچ روشی وجود ندارد که با استفاده از آن بتوانید از قابلیت های خود گوگل کروم برای شفاف سازی فونت ها استفاده کنید، زیرا به لطف توسعه دهندگان، کاربران شانس تأثیرگذاری بر این موضوع را از دست داده اند، هنوز چند ترفند وجود دارد.

تنها 2 گزینه برای حل این مشکل وجود دارد:

1. شروع به کار با مرورگر دیگری، به عنوان مثال، فایرفاکس کنید. آخرین نسخه اپرا، مانند کروم، مشکلات زیادی در نمایش فونت‌ها دارد، به‌ویژه با رنگ آن، که با همان موتوری که بر روی آن ساخته شده‌اند توضیح داده می‌شود.
2. وقتی چنین مشکلاتی وجود نداشت، Google Chrome را به نسخه قبلی برگردانید و پارامتر DirectWrite را پیکربندی کنید. با این حال، در اینجا یک هشدار وجود دارد: شما نمی توانید با استفاده از تنظیمات خود مرورگر به عقب برگردید، زیرا چنین گزینه ای وجود ندارد. حتی اگر نسخه فعلی Google Chrome را حذف نصب کنید، نمی توانید فایل های نصب نسخه های قبلی را در وب سایت رسمی توسعه دهندگان پیدا کنید.

بازگشت به نسخه قبلی کروم

برای انجام این کار، باید این طرح را دنبال کنید:

قبل از حذف نصب مرورگر، باید تمام اطلاعات لازم را با حساب Google Chrome خود همگام کنید تا آنها را از دست ندهید. برای انجام این کار، باید chrome://settings/syncSetup را در پنجره آدرس مرورگر خود تایپ کنید، سپس اینتر را فشار دهید. پس از آن، پنجره ای باز می شود که در آن موارد مورد نیاز خود را علامت گذاری می کنید یا بهتر است فقط گزینه "Synchronize All" را انتخاب کنید. اکنون باید کمی صبر کنید تا همگام سازی کامل شود، به خصوص اگر این گزینه تا آن لحظه غیرفعال بود.

پس از نصب نسخه معمولی قبلی Google Chrome، با استفاده از همگام‌سازی مجدد، باید تمام تنظیمات مرورگر را به تنظیمات قبلی تغییر دهید، حتماً قبل از آن به‌روزرسانی خودکار نسخه جدید را غیرفعال کنید، در غیر این صورت کروم همه چیز را به این صورت برمی‌گرداند. این بود و شما فقط وقت خود را تلف خواهید کرد.

آپدیت کروم را غیرفعال کنید

برای اینکه گوگل کروم خود را به روز نکند، باید از یک ترفند استفاده کنید. اگر سیستم عامل 64 بیتی روی رایانه خود دارید، به c:\Program Files\Google\Update\ یا c:\Program Files (x86)\Google\Update\ بروید و یک فایل GoogleUpdate.exe را حذف کنید.

شما می توانید تعداد زیادی توصیه در شبکه بیابید که بر ویرایش ورودی های رجیستری، تغییر خط مشی گروه ویندوز، افزودن قالب های اداری و موارد مشابه اصرار دارند. به عنوان یک قاعده، بیشتر این دستورالعمل ها توسط آن دسته از کاربرانی جمع آوری شده است که همه این کارها را خودشان انجام نداده اند، بلکه فقط آنچه را که قبلاً در برخی از انجمن ها دیده بودند، بازنویسی کردند. برای حل چنین مشکلی، تمام این مراحل لازم نیست. کافی است فایل GoogleUpdate.exe را حذف کنید و گوگل کروم دیگر به تنهایی آپدیت نمی شود.

اگر زمانی نیاز به نصب نسخه جدیدی از مرورگر کروم داشته باشید، در این صورت، خود کاربر باید به وب سایت رسمی توسعه دهندگان رفته و فایل نصب را دانلود کرده و سپس با موفقیت آن را نصب کند. همانطور که می بینید، مشکلی برای غیرفعال کردن به روز رسانی مرورگر وجود ندارد، همه چیز بسیار ساده و آسان است.

با رعایت این نکات می توانید مرورگر خود را از مشکلات نمایش فونت نجات دهید، رنگ آن را به حالت عادی تغییر دهید و مانند قبل با گوگل کروم کار کنید.

پس از نصب آزمایشی مرورگر Google Chrome Canary در رایانه شخصی ویندوزی جدید، فونت های شکسته هم در رابط خود مرورگر و هم در سایت هایی که در آن باز شده بودند پیدا شد.

این راز نیست که رندر همیشه عالی نیست، اما ما انتظار چنین فرصتی را در این دستگاه خاص نداشتیم، زیرا چیزی شبیه به این را نمی‌توان با نسخه‌های Chrome Stable مشاهده کرد.

اما مجبور شدم ...

چگونه مشکل ذکر شده به صورت خارجی به نظر می رسد، می توانید در صفحه زیر مشاهده کنید. قسمت بالایی آن را بلافاصله پس از نصب درست کردیم. ، و یکی پایین بعد از رفع اشکال. و توجه کنید، این صفحه منوی تنظیمات است (به اصطلاح. chrome://flagspage).

البته ما این را هم فرض کردیم که یکی از دلایل این پدیده می تواند این باشد که Canary جدیدترین نسخه مرورگر است و شاید چیزی هنوز در حال تکمیل و بازسازی در آن است که حتی در نسخه Stable کروم وجود ندارد.

با این حال، بازتاب‌های بیشتر منجر به این ایده شد که این مشکل می‌تواند با موفقیت توسط سخت‌افزار و/یا درایورهای نصب شده روی آن رایانه نیز ایجاد شود. علاوه بر این، یک «گوگل» گذرا از اطلاعات در مورد موضوع نشان داد که کاربران از آن زمان به‌طور دوره‌ای سؤالات مشابهی داشتند کروم 3.

و روش های رفع اشکال نیز بسیار متفاوت بود، به ویژه غیرفعال کردن یا DirectWrite، راه‌اندازی Chrome با پارامترهای شروع متفاوت و غیره. تقریباً همه آنها، برای سال‌ها، البته دیگر برای آخرین نسخه‌های مرورگر مرتبط نیستند. اما برخی از "کلاسیک ها"، همانطور که معلوم شد، اثربخشی سابق خود را از دست نداده اند. بنابراین،..

اگر فونت های شکسته در Google Chrome Canary ظاهر شوند چه باید کرد:

• رفتن به " تنظیمات " (از طریق chrome://settings/یا از طریق " منو«);
• به پایین صفحه بروید و روی " کلیک کنید اضافی «;
• سپس دوباره صفحه را به پایین اسکرول کنید تا به بخش " سیستم«;
• و غیر فعال کردن " استفاده از شتاب سخت افزاری (در صورت وجود) «;
• کروم را مجددا راه اندازی کنید.

پس از آن فونت های شکسته خود را «اصلاح» کردند. اما شایان ذکر است که غیرفعال کردن عملکرد شتاب سخت‌افزاری در این موقعیت خاص باید به عنوان کمترین آسیب در نظر گرفته شود، زیرا این امر می‌تواند در برخی موارد (به طور دقیق‌تر، هنگام انجام وظایف خاص) بر عملکرد مرورگر تأثیر منفی بگذارد. با این حال، می‌توانید در هر زمان با تکرار الگوریتم اقدامات بالا، عملکرد را فعال کنید.