چیدمان راست‌به‌چپ (RTL) با CSS Modules

برای فارسی‌سازی یک سایت، ابتدا باید attribute جهت را روی تگ html تنظیم کنیم. با این کار مرورگر چیدمان متن و عناصر را از راست به چپ انجام می‌دهد.

<div dir="rtl">  {children}</div>

خواص منطقی به‌جای چپ و راست

به‌جای خواص فیزیکی برای فاصله‌ها، از معادل‌های منطقی استفاده کنید؛ مثلاً به‌جای فاصلهٔ سمت چپ از margin-inline-start و به‌جای سمت راست از margin-inline-end. این خواص خودشان با جهت صفحه هماهنگ می‌شوند و نیازی به نوشتن دو نسخه‌ی جدا برای RTL و LTR نیست.

اعداد و کدهای انگلیسی

• زمان‌ها و کدها را داخل عنصر با dir="ltr" قرار دهید تا ترتیب نمایش به‌هم نریزد.
• برای فونت فارسی از Vazirmatn استفاده کنید که از حروف لاتین و اعداد هم پشتیبانی می‌کند.