<div>
<h2>60rem Default</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry for a long time</p>
  </div>
<div>
<h2>60ch Default</h2>
<p class="c">Lorem Ipsum is simply dummy text of the printing and typesetting industry for a long time</p>
  <div>
</div>
  <div>
<h2>60rem Jomhuria</h2>
<p class="j">Lorem Ipsum is simply dummy text of the printing and typesetting industry for a long time</p>
</div>
  <div>
<h2>60ch Jomhuria</h2>
<p class="c j">Lorem Ipsum is simply dummy text of the printing and typesetting industry for a long time</p>
</div>

@import url('https://fonts.googleapis.com/css2?family=Jomhuria&display=swap');

:root{font-size:12px;padding:1rem;background:#fff}
h2,p{margin:0}
h2{font-size:125%}
p{
  margin-bottom:1rem;
  overflow:hidden;
  max-width:60rem;
  background:rgba(255,0,0,.3);
  line-height:3ex;
  white-space:nowrap;
}
.j{font-family:'Jomhuria';}
.c{max-width:60ch;white-space:inherit}