Размытый шрифт в Google Chrome
Разрабатываю сайт. Первоначальная версия находится по адресу test.rmcb.ru. Позже дополнил сайт разделами, но первый экран, который вы видите на изображениях — не трогал вообще. После того как закончил сайт обратил внимание, что шрифт и png с названием компании в центре круга стали размытыми. Данная проблема наблюдается только в Google Chrome и пропадает, если я увеличиваю или уменьшаю масштаб. В firefox и даже yandex browser шрифты нормальные. Код не выкладываю, так как, и в первом и во втором случае, он одинаковый. В чем проблема, ведь я не менял код первого экрана?
Отслеживать
задан 22 мая 2017 в 16:50
Razputin M. Razputin M.
71 4 4 бронзовых знака
по поводу png если изображение больше чем указано в css то задайте ему нужный размер в редакторе изображений
Как настроить шрифт в Яндекс Браузере

Для каждого сайта характерно использование индивидуального дизайна. Кроме оформления, часто используются нестандартные шрифты, которые могут как понравиться пользователю, так и вызвать негатив. Кроме того, он может быть слишком мелким или, наоборот, крупным, что затрудняет чтение информации с экрана. Для пользователей Яндекс браузера эта проблема легко решается. Разработчики предусмотрели возможность поменять шрифт в Яндекс браузере на тот, что привычен пользователю, а также изменить его размер в любой момент.
Как поменять размер букв и масштаб страницы
Изменить размер шрифта в Яндекс браузере можно в любой момент. Для этого необходимо зайти в настройки программы.

В последних версиях программы нужный раздел находится во вкладке «Сайты». Можно перейти в нее из навигационной колонки слева. Для этого необходимо кликнуть по нужной вкладке. Также пользователь может пролистать до нужного раздела колесиком мыши.

Первое, что пользователь может сделать в этих настройках, – это уменьшить или увеличить шрифт в Яндексе браузере. По умолчанию стоит средний. Нажав на пункт «Размер шрифта», программа предложит сделать его меньше или больше.

Для проверки можно зайти на любой сайт и увидеть, что произошло увеличение или уменьшение размера букв. Пример использования очень крупного шрифта:

И очень мелкого:

Поэкспериментировав с выбором, можно подобрать для себя идеальный размер шрифта. Кроме того, пользователь в любой момент может изменить масштаб страницы. Это поможет отобразить на экране больше информации. Сменить масштаб страницы можно несколькими способами.
1. В настройках программы.
Для этого необходимо кликнуть по соответствующему пункту и выбрать нужное процентное значение.

После этого сайты будут открываться в новом масштабе.

По краям экрана появятся ползунки для перемещения по странице.
2. Сочетанием клавиш.
Любую страницу можно масштабировать с помощью горячих клавиш. Для увеличения используют комбинацию Ctrl и “+”, а для уменьшения – Ctrl и “-“. При этом вверху экрана будет отображаться информация об изменении в процентах.

3. Колесиком мыши.
Для быстрой смены масштаба можно использовать одну клавишу Ctrl и крутить колесо мыши вверх или вниз. При этом также будут происходить изменения масштабов сайта, а информация о происходящих изменениях будет отображаться на экране.
Как поменять вид шрифта
В том же разделе настроек пользователь может выбрать другой вид шрифта. Для этого выбирают пункт «Настройки шрифтов».

Откроется страница, вверху которой находятся два ползунка. Перемещая их, можно сменить стандартный и минимальный размер букв на экране.

Ниже пользователь может изменить вид шрифта. В браузере представлено 4 варианта, под каждым из которых выводится пример того, как он будет выглядеть на страницах сайтов.
«Стандартный» используется для отображения большинства информации на экране. По умолчанию стоит Times New Roman. Для выбора другого нужно нажать на него и подобрать тот, что понравится больше всего.

Далее идут пункты с засечками и без них. Дело в том, что на сайтах используют разные виды шрифтов. Сами по себе засечки – это тоненькие линии на концах букв. Смена в этих пунктах происходит описанным выше способом.

Моноширинный используется на сайтах в новостных колонках и для подписей к изображениям.
Устранение проблем
При работе с браузером могут возникнуть проблемы со шрифтом. Он может стать нечетким и даже совсем нечитаемым. Буквы наезжают друг на друга, появляются непонятные символы. Разберем самые частые проблемы и способы их устранения.
Если шрифт стал плохо разборчивым, как показано на рисунке, то, скорее всего, проблема в обновлении браузера.

Если во время установки новой версии программы произошел какой-то сбой, то вполне возможно появление таких букв на экране. Чтобы избежать таких ситуаций лучше всего использовать автоматическое обновление браузера. Вручную это можно сделать следующим образом:
1. Выбрать в настройках вкладку «Дополнительно», а затем «О браузере».

2. В открывшемся окне будет указана информация о вашей версии программы. Есть появится новое обновление, можно будет нажать кнопку «Обновить браузер».
Причиной того, что буквы становятся размытые, может быть и проблема в операционной системе компьютера. Возможно, вы меняли драйвер для одного из элементов ПК, и он внес некорректные изменения в систему.

Настроить сглаживание букв в Windows можно в Clear Type.

Система будет предлагать пользователю, какой шрифт выбрать. На основе предпочтений будет подобран вариант. Он может отличаться от стандартного, будет более жирный и насыщенный или наклонный и с засечками.
Изменяя размеры и виды шрифтов в Яндекс браузере, пользователь сможет подобрать для себя идеальное сочетание и комфортно работать с программой.
Нечёткий шрифт на некоторых сайтах в браузерах Яндекс и Firefox
Недавно во всех браузерах случилось что-то странное: на некоторых сайтах обычный шрифт заменён на нечёткий. В интернете есть решения этой проблемы только для Windows, но у меня Linux Mint, что же делать? Помогите!
KT115
02.09.22 20:09:50 MSK
- Ответить на это сообщение
- Ссылка
Нечёткий это какой?
firkax ★★★★★
( 02.09.22 20:23:11 MSK )
- Ответить на это сообщение
- Показать ответ
- Ссылка
Ответ на: комментарий от firkax 02.09.22 20:23:11 MSK
KT115
( 02.09.22 20:26:19 MSK ) автор топика
- Ответить на это сообщение
- Показать ответ
- Ссылка
Ответ на: комментарий от KT115 02.09.22 20:26:19 MSK
выбери нормальный шрифт в настройках браузера.
usi_svobodi ☆
( 02.09.22 20:30:36 MSK )
- Ответить на это сообщение
- Показать ответ
- Ссылка
Ответ на: комментарий от usi_svobodi 02.09.22 20:30:36 MSK
Там стоит нормальный шрифт! А тот уродливый шрифт похож на Unifont.
KT115
( 02.09.22 20:43:57 MSK ) автор топика
- Ответить на это сообщение
- Ссылка
поковырять настройки сглаживания шрифтов в ентих браузерах.
pfg ★★★★★
( 02.09.22 20:56:47 MSK )
- Ответить на это сообщение
- Показать ответ
- Ссылка
Ответ на: комментарий от pfg 02.09.22 20:56:47 MSK
KT115
( 02.09.22 21:04:29 MSK ) автор топика
- Ответить на это сообщение
- Ссылка

Шрифты dejavu установлены? Попробуй поставить.
apt install fonts-dejavu
lnx4
( 02.09.22 21:23:59 MSK )
- Ответить на это сообщение
- Показать ответ
- Ссылка

Вспоминай чего делал до того как. Так быстрее получится.
papin-aziat ★★★★★
( 02.09.22 21:51:56 MSK )
- Ответить на это сообщение
- Показать ответ
- Ссылка
Ответ на: комментарий от lnx4 02.09.22 21:23:59 MSK
KT115
( 03.09.22 10:06:33 MSK ) автор топика
- Ответить на это сообщение
- Ссылка
Ответ на: комментарий от papin-aziat 02.09.22 21:51:56 MSK
KT115
( 03.09.22 10:07:09 MSK ) автор топика
- Ответить на это сообщение
- Показать ответы
- Ссылка
Ответ на: комментарий от KT115 03.09.22 10:07:09 MSK

В Минте Циннамон изначально установлен.
alex1101 ☆
( 03.09.22 10:11:30 MSK )
- Ответить на это сообщение
- Ссылка

Можешь поставить расширение whatfont и посмотреть, какой там используется шрифт.
rupert ★★★★★
( 03.09.22 10:34:46 MSK )
- Ответить на это сообщение
- Показать ответ
- Ссылка
Ответ на: комментарий от rupert 03.09.22 10:34:46 MSK
WhatFont говорит, что это Tahoma…
KT115
( 03.09.22 14:07:51 MSK ) автор топика
- Ответить на это сообщение
- Ссылка
Попробуй запретить downloadable fonts:
Open about:config. Set «gfx.downloadable_fonts.enabled» to false.
Add —disable-remote-fonts startup option.
iliyap ★★★★★
( 03.09.22 14:20:51 MSK )
- Ответить на это сообщение
- Показать ответы
- Ссылка
Ответ на: комментарий от iliyap 03.09.22 14:20:51 MSK
Как это сделать в Яндекс.Браузере?
KT115
( 03.09.22 20:42:57 MSK ) автор топика
- Ответить на это сообщение
- Ссылка
Ответ на: комментарий от iliyap 03.09.22 14:20:51 MSK
В Firefox не удалось это победить.
KT115
( 03.09.22 20:46:45 MSK ) автор топика
- Ответить на это сообщение
- Показать ответы
- Ссылка
Ответ на: комментарий от KT115 03.09.22 10:07:09 MSK

Показывай cat ~/.config/fontconfig/fonts.conf
papin-aziat ★★★★★
( 03.09.22 21:46:15 MSK )
Последнее исправление: papin-aziat 03.09.22 22:04:50 MSK (всего исправлений: 2)
- Ответить на это сообщение
- Показать ответ
- Ссылка
Ответ на: комментарий от KT115 03.09.22 20:46:45 MSK

gsettings get org.gnome.settings-daemon.plugins.xsettings antialiasing gsettings get org.gnome.settings-daemon.plugins.xsettings hinting
papin-aziat ★★★★★
( 03.09.22 21:56:17 MSK )
- Ответить на это сообщение
- Показать ответ
- Ссылка
Ответ на: комментарий от KT115 03.09.22 20:46:45 MSK

ls /etc/fonts/conf.d | grep hinting ls /etc/fonts/conf.d | grep sub-pixel ls /etc/fonts/conf.d | grep lcdfilter ls -d /etc/fonts/local.conf
papin-aziat ★★★★★
( 03.09.22 22:03:12 MSK )
- Ответить на это сообщение
- Показать ответ
- Ссылка
Ответ на: комментарий от papin-aziat 03.09.22 21:46:15 MSK
( 04.09.22 20:41:03 MSK ) автор топика
- Ответить на это сообщение
- Показать ответ
- Ссылка
( 04.09.22 20:41:37 MSK ) автор топика
- Ответить на это сообщение
- Показать ответ
- Ссылка
10-hinting-slight.conf 11-lcdfilter-default.conf ls: невозможно получить доступ к ‘/etc/fonts/local.conf’: Нет такого файла или каталога
KT115( 04.09.22 20:42:26 MSK ) автор топика
- Ответить на это сообщение
- Ссылка

Вроде нет косяков.
Меня смущает это
/usr/share/fonts/truetype/q4_wine_fonts/*
не знаю, что делает. И это
sans-serif Noto Sans UI
почему не просто Noto Sans?
Проверь установлены ли шрифты Noto, особенно sans и какой-то sans ui.
Да, ещё проверь нет ли файла ~/.fonts.conf (это в хомяке), по идее быть не должно.
На всякий случай, чтобы наверняка убедиться, переименуй fonts.conf, перлогинься, если ничего не изменилось, то потом, когда и если надо будет, назад вернёшь.
Расскажи какие шрифты сам ставил, какие удалял. Попробуй удалить шрифты майкрософт, они кажется больше не умеют нормальное сглаживание.
papin-aziat ★★★★★
( 05.09.22 13:54:11 MSK )
- Ответить на это сообщение
- Показать ответ
- Ссылка
Ответ на: комментарий от KT115 04.09.22 20:41:37 MSK

А в fonts.conf ты использовал rgb и hintfull, ладно, потом настроишь, если надо.
papin-aziat ★★★★★
( 05.09.22 13:55:51 MSK )
Последнее исправление: papin-aziat 05.09.22 13:57:16 MSK (всего исправлений: 1)
- Ответить на это сообщение
- Ссылка
Ответ на: комментарий от papin-aziat 05.09.22 13:54:11 MSK
Файла .fonts.conf нет. Шрифты не трогал.
KT115
( 05.09.22 21:31:02 MSK ) автор топика
- Ответить на это сообщение
- Показать ответ
- Ссылка
Нечеткий шрифт в браузере Google Chrome. Что делать если в яндекс браузере шрифт стал размытым? Нечеткий шрифт в браузере Google Chrome. Что делать если в яндек
Первым что я сделал это полез включать ClearType в настройках Windows, НО он был включен, т.е. можно попробовать этот вариант, но не думаю что он по каким то причинам сам по себе выключится.
Вычитав не один десяток нерабочих советов в интернете, наткнулся на вполне себе интересную инструкцию, она довольно проста, нужно прописать команды для ярлыка хрома.
А вот и команда: /high-dpi-support=1 /force-device-scale-factor=1

1 СПОСОБ: Жмем правой клавишей мыши на ярлыке браузера Яндекс или Google (работаем и там и там), переходим во вкладку «Ярлык», находим там поле «Объект:» и добавляем команду в самый конец поля, разумеется ничего в этом поле не удаляем, ставим пробел и прописываем команду:
Данная проблема возникает при некорректном обновлении браузера, да да, он обновляется без вашего согласия.
2 СПОСОБ: Пробуем обновить браузер вручную, для этого нужно перейти в настройки браузера (это такой значок шестеренки в правом верхнем углу или три горизонтальные полоски там же, значок зависит от браузера) далее жмем «дополнительно» > «о браузере» и выбираем обновить вручную. Если ручное обновление выполнить не удается (как было в моем случае, браузер просто ругался и выдавал ошибку) переходим на сайт браузера и ставим новую версию поверх старой!
Мне помогло, надеюсь поможет и читателям этой статьи!