اتصال حروف فارسی در تگ های مختلف

[امین مهدی نژاد 2,141]

گاها پیش میاد که بخواهید حروف خاصی از کلمات رو رنگی کنید و به مشکل عدم چسبیدن حروف چسبان اون کلمه با هم مواجه میشید.

روشی مناسبی رو در لینک زیر دیدم که کدش رو هم اینجا می زارم

Zero-width joiner - JSFiddle

<div>
  <p>
    إذا <b>م&zwj;</b>ا ط<b>م&zwj;</b>حت إلى <b>غ&zwj;</b>اية
  </p>
</div>
<style>
  @import url(https://fonts.googleapis.com/css?family=Open+Sans);
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
}

p {
  dir: rtl;
}

b {
  color: #e74c3c;
}
</style>

«موفق باشید.»