Текст выходит за ширину абзаца

Подробности и объяснения смотрите в посте @herrstrietzel . Как упоминалось внутри, вы можете использовать font-variant-ligatures:no-contextual ( в качестве предварительной спецификации, предпочтительнее, чем настройка функции шрифта), чтобы отключить отображение контекстных альтернатив.

(Настройка optimizeSpeed, как показано ниже, работает из-за побочного эффекта отключения лигатур. То же самое с добавлением положительного letter-spacing.)

Установка text-rendering:optimizeSpeed решает проблему (в Chrome и Edge).

@import url("https://use.typekit.net/twt4ckp.css");
.container {
  padding-right: 20px;
  background: yellow;
}

.par {
  font-family: "duffy-script", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  background: rgba(255, 0, 0, 0.2);
  text-rendering: optimizeSpeed;
}

<div class = "container">
  <p class = "par">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  </p>
</div>

Как прокомментировал ОП, добавление letter-spacing: 0.01px, похоже, также решает проблему.

@import url("https://use.typekit.net/twt4ckp.css");
.container {
  padding-right: 20px;
  /* background: yellow; */
}

.par {
  display: inline-block;
  font-family: "duffy-script", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  width: 233px;
  background: rgba(255, 0, 0, 0.2);
  letter-spacing: 0.01px;
}

<div class = "container">
        <p class = "par">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
        </p>
    </div>

Эта ошибка, связанная с Chromium/blink, вызвана контекстной альтернативной функцией Opentype calt .

По-видимому, браузеры на основе Chromium/blink (Chrome, Brave, Opera, Vivaldi... и Internet Expl... Edge), а также браузеры Webkit (safari, web/epiphany, Midori) не могут правильно рассчитать текущую длину слова для соответствующих разрывы строк при включенной этой функции.
Так что это определенно ошибка (у Firefox с ней проблем нет).

См. также ответ @SyndRain, предлагающий другие обходные пути.

font-feature-settings:  'calt' 0;

Устраняет проблему при включении других функций (например, лигатур)

@import url("https://use.typekit.net/twt4ckp.css");

.container {
  padding-right: 20px;
  background: yellow;
  resize:both;
  overflow:auto;
  line-height:1.5em;
  max-width:100%;
  
}
p {
  font-family: "duffy-script", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  background: rgba(255, 0, 0, 0.2);
}

.no-feat{
   font-feature-settings:  'calt' 0;
}

  <h3>Resize me</h3>

<div class = "container">
  <p class = "feat">
  firm Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  </p>
  
    <p class = "no-feat">
  firm Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  </p>
  
</div>

Контекстная альтернатива и функция лигатуры

На первый взгляд обе функции служат одной и той же цели — определенная последовательность символов заменяется другим визуальным представлением, известным как «глиф».

• лигатуры: замените/замените последовательность символов одной заменой глифа.
  Например, «ffi» (3 символа — 3 глифа) заменяется одним составным глифом «ffi» — в переводе на графический жаргон SVG: три отдельных пути заменяются одним составным путем. Стоит отметить: в браузерах все лигатуры мгновенно разбиваются на отдельные глифы, как только мы применяем собственный интервал между буквами. Просто потому, что мы не можем автоматически корректировать внутреннюю геометрию глифа, введенную лигатурным глифом (нам понадобится дополнительная логика для интерполяции данных пути «ffi», чтобы отреагировать на это изменение и сузить основы между «f-f-i»)
• контекстные замены: на основе последовательности ввода символов можно заменять глифы... ну контекстуально. Основное отличие: мы заменяем последовательность символов несколькими глифами. Например, мы можем заменить последующие вхождения буквы «е», как в «Королеве», в соответствии с правилом замены, которое заменяет только второе вхождение буквы «е» альтернативным глифом. Другими словами, у нас нет «фиксированной» лигатуры «ee», а есть альтернативные глифы для «e». Может быть, даже 3 или более запасных.

Забавные факты: Хорошо, это ошибка!

Хотя я могу подтвердить, что вышеупомянутые обходные пути, такие как настраиваемый интервал между буквами, работают, некоторые из них не должны работать;)
По крайней мере, если бы определения функций opentype были идеально реализованы.

• custom letter-spacing отключает все лигатуры – что может быть неприятно для многих языков с письмом справа налево, использующих такие лигатуры, как, например, арабский или фарси (особенно в сочетании с латинским текстом) – но на самом деле это не должно иметь значения, поскольку мы заменяем отдельные вводимые символы отдельными представлениями глифов.
• Текущий проект W3C для элементов управления функциями открытого типа более высокого уровня вызывает сомнения font-variant-ligatures: contextual – это определенно не лигатурная функция.

дальнейшее чтение

Из документации Microsoft Opentype

• Подтаблица типа поиска 4: замена лигатуры
• Подтаблица типа поиска 5: контекстная подстановка
• Подтаблица типа поиска 6: замена связанных контекстов

Резюме для дизайнеров с сайта typenetwork.com

• OpenType в работе | Контекстные альтернативы