Вес шрифта становится легче на Mac / Safari

На моем последнем веб-сайте текст идеально подходит для хрома и firefox, не затрагивая сглаживание шрифтов или что-то еще.
Но на Mac / Safari 7 текст появляется хорошо, а затем сразу становится тоньше (слишком тоньше / нехорошо читать). введите описание изображения здесьвведите описание изображения здесь

После некоторого исследования [cf http://www.usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/]
и некоторые тесты,

-webkit-font-smoothing 

Похоже, Safari сначала отображает текст:

 -webkit-font-smoothing: subpixel-antialiased; 

Затем сразу после того, как вы получите мерцающий эффект, когда он превращает шрифт в:

 -webkit-font-smoothing: antialiased; 

Поэтому мне кажется, что у меня не было выбора, кроме как заставить

 -webkit-font-smoothing: subpixel-antialiased; 

чтобы мой сайт был совместим со всеми браузерами.
Я использую шрифт Avenir Std Roman.

Некоторые объяснения этой проблемы Safari? Какие-нибудь лучшие решения? Может ли мой шрифт быть частью проблемы?

Благодарю.

Поэтому я исправил свою проблему с применением:

 body { -webkit-font-smoothing: subpixel-antialiased; } 

Теперь мой шрифт совместим с каждым браузером.

попробуйте оба

 {-webkit-font-smoothing: subpixel-antialiased; -webkit-text-stroke:1px transparent;} 

Просто используйте это: link href = “https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i” rel = “stylesheet”

Вместо этого: link href = “https://fonts.googleapis.com/css?family=Lato” rel = “stylesheet”

проблема решена для меня таким образом!

Попробуй это:

 transform: translateZ(0.1px); 

В браузерах Webkit на Mac обнаружена проблема с элементами сглаживания 2d и 3d текста по-разному. Предоставление элемента 3d элементу обычно устраняет проблему.

Использование -webkit-font-smoothing: subpixel-antialiased немного поработало, но между Safari, Chrome и Firefox все еще была большая разница. Я понял, что попытка сделать шрифт толще в Safari не будет работать, поэтому вместо этого я сделал шрифт более легким в других браузерах, а затем использовал немного более толстый вес шрифта. То, что в конечном итоге нормализует размер шрифта для браузеров для меня, таково:

 -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; 

правда в том, что решение этой проблемы (до тех пор, пока яблоко не исправит это) очень просто. Создайте файл css (example.css) и внутри:

 * {-webkit-font-smoothing:subpixel-antialiased;} 

Затем перейдите в Safari> «Настройки»> «Дополнительно»> «Таблица стилей», щелкните его и выберите только что созданный файл css. Перезапустить Safari.

TADA !! Задача решена. На данный момент

  • Алгоритм реализации облака слов, такого как Wordle
  • Как установить шрифт Windows с помощью C #
  • Шрифты выглядят по-разному в Firefox и Chrome
  • Как создать привязанную строку с помощью Swift?
  • Как преобразовать растровый шрифт (.FON) в шрифт truetype (.TTF)?
  • Размер шрифта, отображающий несоответствия на iPhone
  • Как установить пользовательский шрифт в заголовке ActionBar?
  • Что означает сокращение косой черты в сокращении шрифтов CSS?
  • Использование пользовательского шрифта в Android
  • «Родной шрифт не может быть создан» только для некоторых людей
  • Сглаживание и сглаживание Webfont в Firefox и Opera
  • Давайте будем гением компьютера.