تایپوگرافی راست‌به‌چپ: چیزهایی که همیشه اشتباه می‌شوند

طراحی راست‌به‌چپ فقط برگرداندن جهت نیست. فاصله‌گذاری، ارقام، نقطه‌گذاری و جاگذاری واژه‌های لاتین هر کدام قاعده‌ی خودشان را دارند.

چیزهایی که همیشه اشتباه می‌شوند

1. استفاده از margin-left به‌جای margin-inline-start.

2. ارقام لاتین در متن فارسی، بدون تصمیم مشخص.

3. نیم‌فاصله‌ی جا افتاده در واژه‌های ترکیبی.

4. آیکون جهت‌دار که در RTL نمی‌چرخد.

/* خصیصه‌های منطقی، نه چپ و راست */
.card {
  margin-inline-start: 1rem;
  padding-inline: 1.5rem;
  border-inline-start: 2px solid var(--accent);
}

/* آیکون جهت‌دار را بچرخانید */
[dir="rtl"] .icon-arrow { transform: scaleX(-1); }

خصیصه‌های منطقی CSS این کار را یک‌بار برای همیشه درست می‌کنند: همان قاعده در LTR و RTL درست عمل می‌کند.

ارقام

یک تصمیم بگیرید و همه‌جا اعمالش کنید. ارقام فارسی برای متن روایی و ارقام لاتین برای داده‌ی فنی، رایج‌ترین انتخاب است؛ مهم این است که در یک صفحه هر دو با هم ظاهر نشوند.

برای آزمون چشمی، متن را در سه عرض ۳۶۰، ۷۶۸ و ۱۴۴۰ پیکسل ببینید.