Есть ли способ обойти минимальный размер шрифта Safari?

Да, похоже, в Safari есть нижний предел, который предотвращает воздействие zoom на текст при значениях меньше 0.5. Мы можем видеть это по результату рендеринга текста в масштабе 1~0.1:

<p style = "zoom:1.0">text at zoom:1.0</p>
<p style = "zoom:0.9">text at zoom:0.9</p>
<p style = "zoom:0.8">text at zoom:0.8</p>
<p style = "zoom:0.7">text at zoom:0.7</p>
<p style = "zoom:0.6">text at zoom:0.6</p>
<p style = "zoom:0.5">text at zoom:0.5</p>
<p style = "zoom:0.4">text at zoom:0.4</p>
<p style = "zoom:0.3">text at zoom:0.3</p>
<p style = "zoom:0.2">text at zoom:0.2</p>
<p style = "zoom:0.1">text at zoom:0.1</p>

Вот как этот текст отображается в трех настольных браузерах Mac:

Apple почти наверняка решила сделать это из соображений доступности. Текст, который слишком мал для чтения, — это проблема, которая часто возникает, когда дизайнеры полагают, что зрение всей аудитории такое же хорошее, как и их собственное. Apple уделяет большое внимание доступности, поэтому я не удивлен, увидев это ограничение. Я не говорю, что согласен с установкой жесткого ограничения, поскольку это может быть проблемой для некоторых CSS-анимаций, предотвращая эффект уменьшения масштаба типа «затухания», как лишь один пример.

Как обойти это?

Во-первых, необходимо задать вопрос: почему вы хотите, чтобы в вашем дизайне был слишком мелкий для чтения текст?

Я могу придумать несколько допустимых вариантов использования:

Вариант использования 1: использование текста в виде изображения.

Ваш дизайн содержит миниатюры других дизайнов — например, у вас есть рекламный баннер, рекламирующий книгу. Обложка книги находится на баннере. А на обложке книги есть текст, который слишком мелок для чтения, но мы все равно понимаем суть, так что это нормально. В таком случае преобразуйте обложку книги в изображение, если это еще не сделано.

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

Вариант использования 2: текст с анимированными переходами.

Свойство text zoom должно быть анимировано (как я описал выше). В этом случае рассмотрите возможность анимации других свойств CSS, например transform: scale() translate();.

Просто имейте в виду, что scale() имеет неприятный побочный эффект смещения вашего элемента относительно его Transform-Origin. Ничего не поделаешь — вот что делает масштабирование. И translate() часто необходимо использовать в сочетании с scale(), чтобы компенсировать изменения позиционирования.

<p style = "transform: scale(1.5)">text at scale:1.5</p>
<p style = "transform: scale(1.4)">text at scale:1.4</p>
<p style = "transform: scale(1.3)">text at scale:1.3</p>
<p style = "transform: scale(1.2)">text at scale:1.2</p>
<p style = "transform: scale(1.1)">text at scale:1.1</p>
<p style = "transform: scale(1.0)">text at scale:1.0</p>
<p style = "transform: scale(0.9)">text at scale:0.9</p>
<p style = "transform: scale(0.8)">text at scale:0.8</p>
<p style = "transform: scale(0.7)">text at scale:0.7</p>
<p style = "transform: scale(0.6)">text at scale:0.6</p>
<p style = "transform: scale(0.5)">text at scale:0.5</p>
<p style = "transform: scale(0.4)">text at scale:0.4</p>
<p style = "transform: scale(0.3)">text at scale:0.3</p>
<p style = "transform: scale(0.2)">text at scale:0.2</p>
<p style = "transform: scale(0.1)">text at scale:0.1</p>

Отображаемый результат transform: scale() — в разных браузерах заметно не различается:

_{(screenshot is from Safari)}

Обратите внимание, что элементы со значениями шкалы >1,0 смещаются влево, а элементы со значениями <1,0 – вправо. Это можно настроить с помощью translate(), но получение правильных значений требует хлопот, связанных с методом проб и ошибок. Даже в этом случае есть вопросы, которые следует учитывать, в том числе то, как это может повлиять на оперативность реагирования. Я не обязательно рекомендую этот «взлом». Хотя это может быть хорошо для небольших корректировок.

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