После установки шрифтов MS шрифты все равно не такие как на windows

Ubuntu и Windows используют разные методы рендеринга шрифтов. Windows использует ClearType, а Ubuntu использует FreeType. Эти рендеры шрифтов дают совершенно разные результаты, FreeType имеет тенденцию производить более жирные / более жирные шрифты, а ClearType имеет тенденцию создавать более тонкие шрифты.

Как веб-разработчик, вы ничего не можете с этим поделать, кроме как убедиться, что разница не приведет к обрезанию текста.

Вы действительно не можете рассчитывать на каждого посетителя веб-сайта на любой платформе, и каждая операционная система имеет идеальное соответствие пикселей при отображении вашего сайта. Это не то, как работает всемирная паутина.

Вы никогда не сможете узнать, что пользователь сделал с DPI по умолчанию для шрифтов, сглаживанием / намеками / псевдонимами, масштабированием браузера или другими замечательными вещами, которые пользователь может легко изменить на своем компьютере.

Посмотрите на этом сайте: http://browsershots.org/

Знаете ли вы, как они делают бизнес, показывая вам скриншоты одной веб-страницы в десятках различных версий браузера в четырех разных операционных системах? Это потому, что каждый из них может выглядеть немного иначе, чем любой другой.

Привыкай к этому.

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

Если вы попытаетесь навязать согласованность слишком сильно, вы получите страницу, которая нарушает эстетику, которую ожидает посетитель в своей операционной системе или выбранном браузере. (Что бы это ни стоило, я действительно предпочитаю внешний вид Ubuntu, который вы пытаетесь предотвратить в своем примере.)

Если вы действительно хотите непревзойденную пиксельную согласованность вопреки ожиданиям и предпочтениям посетителя, вы всегда можете стать разработчиком Flash!

Извините, но я не пользуюсь Хромом. Но что касается Firefox, чтобы шрифты выглядели в Windows, просто нажмите "Правка", а затем "Настройки".

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

Вот что я нашел после исследования:

Большинство веб-сайтов используют "Каскадные таблицы стилей" для установки шрифтов и многих других функций макета. Хорошо разработанные таблицы стилей будут запрашивать серию шрифтов, чтобы, если они недоступны, была применена альтернатива. Неудивительно, что большинство коммерческих сайтов разрабатываются для Windows, и зачастую разработчики не очень много задумываются о том, как сайт может отображаться в других операционных системах, за исключением, возможно, Mac OS X.

Вы можете указать Firefox всегда использовать свои собственные шрифты в диалоговом окне "Содержимое", но лучшим вариантом будет просто установить пакет основных шрифтов. Часто это все, что вам нужно.

Тем не менее, рендеринг шрифтов в Windows всегда будет немного отличаться от рендеринга в Ubuntu или других платформах Linux. Частично это связано с вопросами интеллектуальной собственности. Многие коммерческие шрифты "намекаются" на улучшение отображения (например, проблемы сглаживания); Linux часто не может следовать этим советам, потому что это потребует установки запатентованных технологий, которые требуют лицензирования.

Вы также можете попробовать установить другие браузеры, такие как Chrome или Opera или, если вы используете Kubuntu, Konqueror или rekonq.

Также вы можете попробовать это:

редактировать ~/.font.config и убедитесь, что это выглядит следующим образом

<?xml version="1.0"?><!DOCTYPE fontconfig SYSTEM "fonts.dtd">  
 <fontconfig>  
  <match target="font">  
  <edit mode="assign" name="rgba">  
   <const>rgb</const>  
  </edit>  
  </match>  
  <match target="font">  
  <edit mode="assign" name="hinting">  
   <bool>true</bool>  
  </edit>  
  </match>  
 <match target="font">  
  <edit mode="assign" name="autohint">  
   <bool>false</bool>  
  </edit>  
  </match>  
  <match target="font">  
  <edit mode="assign" name="hintstyle">  
   <const>hintslight</const>  
  </edit>  
  </match>  
  <match target="font">  
  <edit mode="assign" name="antialias">  
   <bool>true</bool>  
  </edit>  
  </match>  
 </fontconfig>  

^{Источник: Измените шрифты веб-браузера в Ubuntu, чтобы они выглядели как Windows}

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

Шрифты MS для Linux основаны на более старых версиях шрифтов и не совпадают с текущими версиями Windows, и это не Firefox Ubuntu, а Firefox Mozilla для Linux. (И какой номер версии? Разные версии могут иметь различия в механизме рендеринга.)

У веб-дизайнера действительно очень мало контроля над шрифтами и размерами, которые отображаются в клиенте. Вы закончите тем, что сводите себя с ума и будете тратить много времени, если будете слишком сосредоточены на этом.

Ищите решения для кросс-браузерного скриптинга. Есть много хороших сайтов и статей в Интернете бесплатно и еще больше хороших книг, если вы можете купить один. Затем протестируйте столько браузеров на разных платформах, сколько сможете.

Ваша реалистичная цель состоит в том, чтобы все отображалось достаточно хорошо, не нарушало ваши макеты и чтобы ваши сценарии работали, а не то, чтобы страницы выглядели одинаково на разных платформах.

Вы можете попробовать внести изменения в /etc/fonts/conf.avail/51-local.conf.
Добавление хинтинга, сглаживания, хинстайла может помочь решить проблему внешнего вида в libre office, firefox, chromium и т. Д.

<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>    

  <!-- settings go here -->

</fontconfig>