Keep each language in its natural order, separate roles by line or size, and check punctuation at the final canvas size.حافظ على الترتيب الطبيعي لكل لغة، وافصل الأدوار بالسطر أو الحجم، وراجع الترقيم بالمقاس النهائي.
Worked examples you can downloadأمثلة تطبيقية قابلة للتنزيل
These files were generated by Arabic Type Studio and checked in Chrome 153 on Windows on October 6, 2026. We checked PNG dimensions, transparent corners, and space around the lettering. External design-app imports are not part of this check.أُنشئت الملفات باستخدام Arabic Type Studio وفُحصت في Chrome 153 على Windows في 6 أكتوبر 2026. شمل الفحص أبعاد PNG وشفافية الزوايا والمساحة حول الحروف. لم يشمل الاستيراد في تطبيقات التصميم الخارجية.
Arabic first, Latin priceالعربية أولاً مع سعر لاتيني
السعر 25 USD
- Font / weight / sizeالخط / الوزن / الحجم
- Cairo · 400 · 112 px
- Padding / line spacingالهامش / تباعد الأسطر
- 64 px · 1.45
- Color / backgroundاللون / الخلفية
- #172b26 · Transparentشفافة
- Direction / alignmentالاتجاه / المحاذاة
- Auto / centerتلقائي / وسط
- Harakatالحركات
- Keepإبقاء
- PNG at 2×PNG بدقة 2×
- 1572 × 640 px
Content-sized canvas; no shadow or outline. In the PNG maker, enter the text above, choose this font, then open Size, spacing & text direction to match these settings.لوحة بحسب حجم المحتوى؛ دون ظل أو حد خارجي. أدخل النص أعلاه في أداة PNG واختر الخط، ثم افتح الحجم والمسافات واتجاه النص لمطابقة الإعدادات.
English first, Arabic greetingالإنجليزية أولاً مع تحية عربية
Order 25 — مرحباً
- Font / weight / sizeالخط / الوزن / الحجم
- Cairo · 400 · 112 px
- Padding / line spacingالهامش / تباعد الأسطر
- 64 px · 1.45
- Color / backgroundاللون / الخلفية
- #172b26 · Transparentشفافة
- Direction / alignmentالاتجاه / المحاذاة
- Auto / centerتلقائي / وسط
- Harakatالحركات
- Keepإبقاء
- PNG at 2×PNG بدقة 2×
- 1940 × 640 px
Content-sized canvas; no shadow or outline. In the PNG maker, enter the text above, choose this font, then open Size, spacing & text direction to match these settings.لوحة بحسب حجم المحتوى؛ دون ظل أو حد خارجي. أدخل النص أعلاه في أداة PNG واختر الخط، ثم افتح الحجم والمسافات واتجاه النص لمطابقة الإعدادات.
Keep the price together on its own lineالسعر كاملاً في سطر مستقل
السعر
25 USD
- Font / weight / sizeالخط / الوزن / الحجم
- Cairo · 400 · 112 px
- Padding / line spacingالهامش / تباعد الأسطر
- 64 px · 1.45
- Color / backgroundاللون / الخلفية
- #172b26 · Transparentشفافة
- Direction / alignmentالاتجاه / المحاذاة
- Auto / centerتلقائي / وسط
- Harakatالحركات
- Keepإبقاء
- PNG at 2×PNG بدقة 2×
- 1000 × 938 px
Content-sized canvas; no shadow or outline. In the PNG maker, enter the text above, choose this font, then open Size, spacing & text direction to match these settings.لوحة بحسب حجم المحتوى؛ دون ظل أو حد خارجي. أدخل النص أعلاه في أداة PNG واختر الخط، ثم افتح الحجم والمسافات واتجاه النص لمطابقة الإعدادات.
What to check in your resultما الذي تفحصه في النتيجة؟
- Auto looks at the first letter of each line: Arabic first selects RTL; Latin first selects LTR. Digits at the beginning do not choose the direction by themselves. For pasted text with invisible direction controls, use an explicit direction and inspect the result.ينظر الوضع التلقائي إلى أول حرف في كل سطر: العربية أولاً تعني RTL، واللاتينية أولاً تعني LTR. الأرقام في البداية لا تحدد الاتجاه وحدها. للنص الملصق الذي يتضمن علامات اتجاه غير مرئية اختر اتجاهاً محدداً وافحص النتيجة.
- The first example exposes a common trap: in this Arabic-led line, the currency can appear to the left of the number. If you need the exact left-to-right unit 25 USD, put it on its own line as in the third example. Auto then gives that line an LTR base without changing the Arabic line.يكشف المثال الأول مشكلة شائعة: في السطر الذي يبدأ بالعربية قد تظهر العملة إلى يسار الرقم. إذا أردت الوحدة 25 USD بترتيبها من اليسار إلى اليمين فضعها في سطر مستقل كما في المثال الثالث. يمنح الوضع التلقائي هذا السطر اتجاهاً يسارياً دون تغيير السطر العربي.
- In Size, spacing & text direction, use RTL or LTR only when the base sentence needs an explicit direction. Alignment moves the block on the canvas; it does not set reading order. For complex text that must stay on one line, directional isolation may be needed; the W3C reference below explains it. Do not reverse the letters or digits manually.في الحجم والمسافات واتجاه النص استخدم RTL أو LTR عندما تحتاج الجملة الأساسية إلى اتجاه محدد. المحاذاة تنقل الكتلة ولا تحدد ترتيب القراءة. قد يحتاج النص المعقد الذي يجب إبقاؤه في سطر واحد إلى عزل اتجاهي؛ يوضحه مرجع W3C أدناه. لا تعكس الحروف أو الأرقام يدوياً.
Further reading: W3C on mixed-direction text and isolationللمزيد: شرح W3C لاتجاه النص المختلط والعزل
Let the browser handle character orderاترك ترتيب الحروف للمتصفح
Write Arabic and English in their natural order. Never reverse Arabic letters manually. Auto examines the first letter of each line: Arabic selects RTL and Latin selects LTR. Use the Text direction control when a sentence needs an explicit base direction. Alignment is a separate setting.اكتب العربية والإنجليزية بترتيبهما الطبيعي ولا تعكس الحروف يدوياً. يفحص الوضع التلقائي أول حرف في كل سطر: العربية تعني RTL واللاتينية تعني LTR. استخدم إعداد اتجاه النص عندما تحتاج الجملة إلى اتجاه أساسي محدد. المحاذاة إعداد منفصل.
Test punctuation and numbersاختبر علامات الترقيم والأرقام
Brackets, dashes, and numbers may shift visually at language boundaries. Review the complete line and, if it looks crowded, split it into two lines instead of inserting extra spaces.الأقواس والشرطات والأرقام قد تنتقل بصرياً عند حدود اللغتين. عاين السطر كاملاً، وإذا بدا مزدحماً فقسّمه إلى سطرين بدلاً من إضافة مسافات كثيرة.
- Choose a font with compatible Latin characters when the text is mixed.اختر خطاً يحتوي على حروف لاتينية متناسقة إن كان النص مختلطاً.
- Avoid artificial letter spacing because it can break Arabic connections.تجنّب تباعد الحروف الاصطناعي لأنه قد يقطع اتصال العربية.
- Preview the design at its final size, not only in the editor.عاين التصميم في المقاس النهائي، لا في شاشة التحرير فقط.
Separate roles instead of forcing one lineافصل الأدوار بدلاً من إجبارها على سطر واحد
When a design contains an Arabic name, an English translation, and a date, give each element a clear visual role. Put the primary phrase on one line, the translation or description on a smaller line, and the date in its own position.عندما يحتوي التصميم على اسم عربي وترجمة إنجليزية وتاريخ، اجعل لكل عنصر وظيفة بصرية واضحة. ضع العبارة الأساسية في سطر، والترجمة أو الوصف في سطر أصغر، والتاريخ في موضع مستقل.
This reduces direction problems and gives you more control over alignment. It also lets you resize the English without affecting Arabic letter connections.هذا الأسلوب يقلل ارتباك الاتجاه ويمنحك تحكماً أفضل في المحاذاة. كما يسمح بتغيير حجم الإنجليزية من دون التأثير في اتصال الحروف العربية.
Choose a font that balances both scriptsاختر خطاً يدعم اللغتين بصرياً
The presence of Latin characters in a font file does not guarantee that Arabic and English will feel balanced together. Compare letter height, stroke weight, and the visual space between lines.وجود أحرف لاتينية داخل ملف الخط لا يعني بالضرورة أن العربية والإنجليزية تبدوان متوازنتين معاً. قارن ارتفاع الحروف وسماكة الخط والمسافة البصرية بين السطرين.
If the English looks too large, reduce it slightly instead of compressing the Arabic. Test both Arabic-Indic digits ١٢٣ and Western digits 123 because their width and rhythm vary by typeface.إذا كانت الإنجليزية تبدو أكبر، خفّض حجمها قليلاً بدلاً من ضغط العربية. واختبر الأرقام العربية ١٢٣ والأرقام الغربية 123 لأن عرضها وإيقاعها يختلفان بين الخطوط.
- Use comparable visual weights for both scripts.استخدم وزناً متقارباً بين اللغتين.
- Keep one clear alignment for the complete block.حافظ على محاذاة واحدة واضحة للكتلة كاملة.
- Avoid leaving a punctuation mark alone at the edge of a mixed line.تجنّب وضع علامة ترقيم منفردة عند طرف السطر المختلط.
Check a price as a complete unitافحص السعر كوحدة كاملة
In the worked examples, the Arabic-led price line can show the currency on the other side of the number. Putting 25 USD on a separate line lets Auto resolve that line as LTR. This is a layout choice; do not reverse the source characters to imitate the preview.قد يُظهر سطر السعر الذي يبدأ بالعربية العملة على الجانب الآخر من الرقم كما في الأمثلة التطبيقية. وضع 25 USD في سطر مستقل يتيح للوضع التلقائي منحه اتجاهاً من اليسار إلى اليمين. هذا خيار تخطيط؛ لا تعكس محارف النص لمحاكاة المعاينة.
For a one-line address, product code, or price, inspect punctuation at both ends and compare the exported file with the intended reading order. Changing the font cannot fix the logical order of mixed text.للعنوان أو رمز المنتج أو السعر في سطر واحد افحص الترقيم عند الطرفين وقارن الملف المصدّر بترتيب القراءة المقصود. تغيير الخط لا يصلح الترتيب المنطقي للنص المختلط.
