ห้องสมุด

ค้นหา

كيف يحوّل المطوّرون Arab Font إلى خط ويب صالح للمواقع؟

2026-04-04 18:38:45

277

ติดตาม22

خبرمقهى

قارئ دائم

كاتب

4 คำตอบ

Owen

رفيق القراءة

مغني

أحيانًا أتعامل مع المشروع من زاوية مطور مواقع تقليدي يبحث عن حلول عملية ومستقرة على المدى الطويل. أبدأ بتحميل ملف الخط الأصلي وفحصه في FontForge ثم أحلل الفئات التي أحتاجها: الحروف العربية الأساسية، الأرقام، علامات التشكيل، وبعض اللغات المركبة إن وجدت. بعد التصفية أستخدم pyftsubset لتقليص الحجم بحيث يبقى فقط ما أحتاجه فعليًا. التحويل إلى WOFF2 يكون دائمًا الهدف لأنّه يقدم أفضل ضغط، وأترك WOFF كنسخة احتياطية للمتصفحات الأقدم.

مهماً فعلت، أتحقق من جداول GSUB/GPOS: إن لم تكن موجودة بشكل جيد ستجد حروفًا لا تتصل أو تظهر بشكل مفكك على المتصفحات. أختبر على Chrome وFirefox وSafari ونظامي iOS وAndroid لأنّ اختلاف محركات التشكيل قد يظهر فروقًا. بالنسبة لطرق التحميل أفضّل استخدام preload + font-display: optional للمواقع ذات الأولوية العالية في الأداء، وأستخدم CDN مع cache طويل الأجل للخطوط لتقليل الطلبات المتكررة. في النهاية، الحصول على توازن بين جودة العرض وحجم الملف هو ما يجعل المشروع ينجح على الويب.

2026-04-05 08:15:08

Zara

قارئ نهم

طباخ

موضوع تحويل خطوط العربية إلى خطوط ويب دائمًا يثيرني لأنه يجمع بين الفن والحرفية التقنية.

أبدأ دائمًا بالتحقق من ترخيص الخط — هذا أهم شيء قبل أي تحويل. بعد ذلك أستخدم أدوات مثل 'fonttools' أو FontForge أو Glyphs لتصدير الملف بصيغة TTF أو OTF إذا لم تكن متوفرة، ثم أحولها إلى صيغ الويب الحديثة مثل WOFF2 و WOFF باستخدام ttf2woff2 أو خدمات مثل Font Squirrel أو Transfonter. خطوة مهمة أخرى هي التجزئة (subsetting): أحتفظ بمجموعة الحروف العربية والرموز الضرورية فقط لتقليص الحجم بشكل كبير، ويمكنني استخدام pyftsubset لفعل ذلك.

أهتم أيضًا بخصائص OpenType الخاصة بالعربية—مثل جداول GSUB وGPOS التي تدعم الأشكال السياقية والربط بين الحروف وعلامات التشكيل؛ المتصفحات تعتمد على محرك التشكيل (مثل HarfBuzz) لكن يجب أن تتضمن الملفات الجداول اللازمة. أخيرًا أضع @font-face في CSS مع ترتيب الصيغ (WOFF2 أولاً)، أستخدم font-display: swap أو optional، وأضيف fallback مناسب ونطاق unicode-range إن لزم لتقليل التحميل. هذه سلسلة خطوات عملية تجعل الخط العربي يعمل بشكل صحيح وسريع على الويب، ومع قليل من التجارب والاختبار تحصل على نتيجة نظيفة وموثوقة.

2026-04-08 03:42:03

Thomas

مساهم

أمين مكتبة

أحب تبسيط العملية إلى خطوات قصيرة قابلة للتنفيذ: أولًا تأكد من الترخيص، ثانيًا قم بعمل subset للحروف العربية التي تحتاجها، ثالثًا حوّل الملفات إلى WOFF2 ثم WOFF ثم احتفظ بنسخة TTF احتياطية. أثناء التحويل استخدم ttfautohint لتحسين العرض على الشاشات الصغيرة، وراجع جداول OpenType لأنّ العربية تحتاج إلى دعم 'init' و'medi' و'fina' و'mark' لضمان تشكيل صحيح وتوصيل الحروف.

على مستوى النشر أستخدم @font-face في CSS مع src مرتبة بحيث يبدأ بـ WOFF2 ثم WOFF ثم TTF، وأضيف font-display: swap وأستخدم preload في الهيدر للخطوط الأساسية. لا تنس إعداد رؤوس CORS الصحيحة على الخادم إذا استضيفت الخطوط عبر CDN. أختم عادةً بفحص الأداء في Lighthouse والتأكد من أن الخط لم يؤثر سلبًا على الوقت حتى يصبح المحتوى مقروءًا، لأن تجربة المستخدم أهم من مجرد جمال الخط.

2026-04-09 05:14:44

Jasmine

قارئ شغوف

مترجم

هذا الدليل المختصر يحمل قائمة تحقق سريعة لكل من يريد تحويل خط عربي للويب: تحقق من الترخيص أولًا، ثم استخدم أدوات مثل FontForge أو fonttools أو Transfonter لتحويل TTF/OTF إلى WOFF2 وWOFF، واعمل subsetting للحروف العربية فقط باستخدام pyftsubset لتقليل الحجم. لا تهمل ttfautohint للتحسينات المرئية، وتأكد من احتواء الملف على جداول GSUB/GPOS الداعمة للأشكال السياقية والعلامات.

في CSS استخدم @font-face بترتيب الصيغ الصحيح، أضف font-display: swap أو optional، وحمّل الخطوط الأساسية عبر preload. وأخيرًا اختبر العرض والسرعة على متصفحات وأنظمة مختلفة مع وجود fallback ملائم وخطوط نظام بديلة لضمان قراءة فورية وتجربة مستخدم سلسة — هذا ما أركز عليه دائمًا قبل إطلاق أي موقع.

2026-04-10 15:43:16

ดูคำตอบทั้งหมด

หนังสือที่เกี่ยวข้อง

العاصي

Mayadh Maamon

7.1K

انتي ايه ماسألتيش نفسك ايه اللي ممكن يكون حصل امبارح خلانا نعمل كده للدرجه دي شايفني طمعان في سعادتك غمزه:والله بص لنفسك نايم جانبي اذي وانت تعرف طمعان ولا لاء ليه تجبرني اني اوافق علي الوضع ده حتي لو مامي موافقه انا بقي لاءه مش موافقه عاصي:انشالله ما وافقتي ومن هنا ورايح انتي مش هاتخرجي من هنا ودي هاتبقي شقتك وده هايبقي سريري انا وانتي برضاكي او غصب عنك وانا جوزك وليا عليكي حقوق انتي فاهمه ردي عليا فاهمه لم ترد عليه واستسلمت عبراتها للنزول علي وجنتها فاتركها هو واتجه الي خزانته ليغير ملابسه التي كانت عباره عن بنطاله الذي نام به بجانبها فقط اخرج تيشرت ابيض وبنطلون چينز والقاهم علي الفراش وبدء في شلح بنطاله امامها اندهشت هي مما يفعله والتفتت للجهه الاخري معطيه له ظهرها واضعه يدها علي عينها ابتسم هو وهتف بمكر عاصي:بتخبي وشك ليه مش شوفتيني قالع كده في الحلم التفت له بكل غضب وصرخت: انت قليل الادب تفاجيء هو من ردها ولكنه تذكرالعقاب القي بالتيشرت علي الفراش مره ثانيه وهتف عاصي: حاضر يا حبيبتي انتي تأمري بدء يقترب منها وهي ترجع الي الخلف لم تفهم عليه في الاول ولكنها تذكرت هذا العقاب ارتطم ظهرها بالحائط ووضع هو يداه علي جانبيها فقط ينظر اليهاوهي تنظر الي الاسفل وتفرك يدها في بعضهم امسك بيده ذقنها وهتف عاصي:شكلك وحشك عقابي وبدء يغرز يده في خصلاتها ويلتصق بها اكثر واكثر وباليد الاخري يجذبها اليه بقوه ووبدء يقبلها بقوه وبعنف ظلت هي تضرب بيدها علي صدره العاري امسكهم هو ولفهم حوله وظل ممسك بهم الي ان احس باستجابتها وهدوءها بين احضانه بدأت قبلته ترق ثم ترك ثغرها واتجه الي عينها وبدء يمسح عبراتها بشفاه الغليظه نزولا علي وجنتها ثم نزل علي عنقها وتاه في مشاعره هذه الي ان احست به وهو يسحب سحاب فستانها افاقت هي وتملصت منه وابتعدت من بين يديه من شدة خجلها وهتفت

อ่านเลย

بعد التحطّم

آن سميث

3.4K

أحتاج إلى مساعدتك لتزييف حادث تحطّم طائرة خاصة، قلتُ بهدوء. إنها الطريقة الوحيدة التي أستطيع بها أن أغادر لوكا موريتّي إلى الأبد. قال الناس إنه تخلى عن عرش المافيا من أجلي. وأطلقوا عليه لقب الرجل الذي استبدل السلطة بالحب— الوارث الذي ابتعد عن الدم والذهب فقط ليتزوج نادلة من أحياء الفقراء. لسنوات، جعل العالم يؤمن بنا. بنى إمبراطوريات باسمي. أرسل لي الورود كل يوم اثنين. وأخبر الصحافة أنني خلاصه. لكن الحب لا يعني دائمًا الإخلاص. بينما كنتُ مشغولة بالإيمان بالأبدية، كان هو يبني بيتًا ثانيًا خلف ظهري— بيتًا مليئًا بالضحكات، والألعاب، وتوأمين يحملان عينيه. في الليلة التي اختفيتُ فيها، احترقت إمبراطوريته. مزّق مدنًا، ورشى حكومات، ودفن رجالًا أحياء فقط ليعثر عليّ. لكن حين فعل— كنتُ قد رحلت بالفعل. والمرأة التي كان مستعدًا أن يموت من أجلها يومًا لم تعد تحبه بما يكفي لتبقى على قيد الحياة.

อ่านเลย

تخاريف

عبدالباسط محمد قندوزي

210

رواية تخاريف هي حكاية رمزية أحداثها خيالية تحكي قصّة بطل سافر عبر الزمن ليخطّ تجربة فريدة من نوعها، عايشها الغريب بحضوره داخل أمكنة كثيرة ومع شخصيات مختلفة. يحادثها ويجادلها لعلّه يظفر بإجابة تريح باله، فقد تجده محاورا الإنسان المجنون، والعاقل، وأحيانا للحيوان وأحايين للجماد، ولشخصيات خيالية على هيئة هواتف. سافر فالتقى بذاته في أثواب شتّى. هدفه الوصول إلى ديار الغناء أين يقيم أبويه في رقدتهما الأخيرة ليرحل في محطات مضنية ومتعبة حتى يصل الجولة الأخيرة فيستفيق على وقع دبيب ضيف غريب معلوم ليجد نفسه في ذات المكان وفي زمن تزحزح قليلا

อ่านเลย

محققتي الحسناء

سمر رجب

167

"لو عرف الناس حقيقتك... هل ستستطيع العيش بعدها؟" سؤال واحد كان كافيًا ليدمر حياة أكثر من شخص. ضحية تلو الأخرى تنهي حياتها تاركة خلفها أسرارًا لم يكن يجب أن يكتشفها أحد. لا بصمات... لا أدلة... لا قاتل. فقط رسائل مجهولة تعرف أدق التفاصيل، وتدفع أصحابها إلى الوقوف على حافة الهاوية. وبينما يحاول الضابط قصي ومساعدته ديما كشف هوية صاحب تلك الرسائل، يكتشفان حقيقة أكثر رعبًا: المجرم لا يقتل ضحاياه... بل يجعلهم يقتلون أنفسهم. لكن السؤال الأخطر: من سيكون الضحية التالية؟ أو لو عايزة حاجة أغمق وأفخم: بعض الجرائم لا تحتاج إلى سكين. يكفي أن يعرف أحدهم السر الخطأ. في مدينة يختبئ أهلها خلف أقنعة من المثالية، يبدأ شخص مجهول بكشف أكثر الأسرار قذارة. لا يبتز. لا يطلب مالًا. لا يسعى للانتقام. كل ما يريده هو أن يواجه ضحاياه الحقيقة... ثم يتركهم يقررون مصيرهم بأنفسهم. ومع تزايد عدد المنتحرين، يجد قصي وديما نفسيهما في مواجهة خصم لا يشبه أي قاتل عرفاه من قبل. خصم يؤمن أن الموت ليس جريمة... بل حكم مستحق.

อ่านเลย

فن الخطايا

Flimxy vic

15.7K

تحذير: هذا هو "فن الخطايا". إذا كنت تبحث عن القبلات العذبة والمداعبة اللطيفة، أغلق هذا الكتاب فوراً. هذه الصفحات لا تهمس بالرغبة، بل تجرك من عنقك، تمزق ملابسك، وتنهش حواسك بعنف. توقع إباحية جامحة، قذرة، وبلا حدود: أب بالتبني يفرض سيطرته على صغيرته السرية، زعماء ألفا بلا رحمة يمارسون سطوتهم، رؤساء عصابات المافيا يحولون الديون إلى حفلات جنس جماعية لا تنتهي، أساتذة يعاقبون حيواناتهم الأليفة المحرمة، وكل خيال قذر ومهين لا يُفترض بك أن ترغب فيه. هذا هو الخطيئة كفن رفيع؛ قاسية، لا تعرف الهوادة، ومسببة للإدمان تماماً. للبالغين فقط . تقدم إن كنت تجرؤ على التعرض للدمار.

อ่านเลย

تمن الفضول

علاء عادل

554

رواية: ثمن الفضول بقلم: علاء عادل "هناك أبوابٌ أُغلقت لسببٍ ما.. وإذا أغراكَ المجهولُ لفتحها، فلن تدفع الثمن من مالك، بل ستدفعه من عمرك.. ومن دماء ناسك." شلة أصحاب.. ضحك.. هِزار.. وشغف طفولي قادهم لتجربة مغامرة مجنونة لاستكشاف "مغارة شكير" الملعونة. لم يكن أحد منهم يتخيل أن خطوة واحدة داخل بطن الأرض كفيلة بأن تمحو وجودهم من الدنيا لعشرين سنة كاملة! عشرون عاماً قضوها كجثث متحركة في سرداب بلا زمن، بينما في الخارج، كان الآباء والأمهات يموتون حَسرةً وقهراً على اختفاء فلذات أكبادهم. وعندما انكسر رتم المخطوطة القديمة، وعاد من عاد.. لم تكن العودة نجاة، بل كانت بداية الجحيم الأكبر! خالد: الذي فتح الرمز أول مرة، وعقله الآن يتأكل داخل جدران المصحة بفعل فحيح الجن الذي يخبره أن أهله بانتظاره في بطن الأرض. كريم: الذي عاد ليجد نفسه وحيداً، شبه ميت وسط تراب شقته، محاصراً بين ذنب عائلته التي رحلت، ووهم حب طفولته الذي ذبحه من الوريد للوريد. مريم: التي أفاقت من أنانيتها متأخرة، لتبدأ رحلة غفران مكسورة، مستعدة فيها أن تكون جارية تحت قدمي كريم لتداوي جروحاً صنعتها بيديها. بين المخطوطة الملعونة التي تصرخ حين تحترق، والكيانات التي تطالب بإغلاق الدائرة، يجد كريم ومريم أنفسهما في مواجهة الموت والندم.

อ่านเลย

คำถามที่เกี่ยวข้อง

كيف يستطيع المطوّر تحويل تحميل الخط المغربي إلى خط ويب عبر CSS؟

3 คำตอบ2026-04-02 15:14:08

أحب أن أبدأ بفكرة بسيطة وواضحة: الخط المغربي المحمّل يمكن أن يتحول إلى خط ويب احترافي بخطوات تقنية ومنظمة، ولن تحتاج إلى سحر—فقط أدوات صحيحة واهتمام بالأداء والترخيص. أول شيء أفعله دائماً هو التحقق من الترخيص. إذا كان الخط يسمح بالتحويل إلى ويب أو بإعادة التوزيع، أواصل؛ وإلا فأتجنب المشاكل القانونية. بعد ذلك أحوّل الملف الأصلي (.ttf أو .otf عادة) إلى صيغ ويب مناسبة: 'woff2' أولوية لأنها أصغر وأسرع، ثم 'woff' كبديل. أستخدم أدوات مثل 'fonttools' (pyftsubset) أو خدمات مثل Transfonter أو (woff2compress) لتحويل وضغط وتقطيع الخط حسب الحاجة. ثم أعد ملف CSS أساسي باستخدام @font-face. على سبيل المثال: @font-face { font-family: 'AlMaghribi'; src: url('/fonts/almagribi.woff2') format('woff2'), url('/fonts/almagribi.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } أضيف preload في HTML لتحميل أسرع وتأكد من إعداد رؤوس السيرفر الصحيحة (CORS وcache-control). أيضاً أقوم بتقسيم الخط إذا كان حجمه كبيراً: أستخدم التقطيع بناءً على unicode-range أو أنشئ نسخاً فرعية تحتوي فقط على الحروف العربية المطلوبة لتقليل الحجم. أختم باختبار الأداء (Lighthouse) والتوافق في المتصفحات القديمة. في النهاية أفضّل طريقة 'font-display: swap' لتجنّب المحتوى غير المرئي أثناء تحميل الخط، ومع كل شيء مضبوط أحس بالرضا لأن الموقع صار أسرع ويظهر الخط المغربي كما ينبغي.

كيف يحول المصمم انواع الخطوط العربية واشكالها إلى خطوط ويب؟

2 คำตอบ2026-04-04 18:04:30

تحويل الخط العربي إلى خط ويب يشبه تحويل قصة مرسومة يدوياً إلى عرض سينمائي رقمي — يتطلب صبرًا على التفاصيل وفهمًا عميقًا لكيفية تشكيل الحروف مع السياق. أنا أحب الغوص في هذه الرحلة من الرسم إلى الكود: أول شيء أفعله هو تصميم الأحرف كمسارات في برنامج تحرير خطوط مثل 'FontForge' أو 'Glyphs' أو 'RoboFont'، مع التأكد من أن كل حرف موجود في حالاته المختلفة (منفصل، ابتدائي، وسطي، نهائي) لأن العربية ليست حروفًا قائمة بذاتها بل تتصل وتتحول بحسب السياق. أثناء التصميم أضع نقاط مرجعية (anchors) للعلامات التشكيلية وأحدد مجموعات علامات (mark classes) لكي تتعامل محركات الخطوط مع الحركات والدلائل بشكل صحيح. بعد التأكد من جودة الأشكال، أكتب قواعد OpenType في جدول GSUB/GPOS أو أستخدم محرر الميزات لكتابة قواعد الاستبدال السياقي والربط والمواضعة؛ هذا يشمل ميزات 'init', 'medi', 'fina', و'liga' وغيرها مثل 'mark' و'mkmk' لمواضعة الحركات فوق وتحت الحروف. هذه القواعد هي التي تجعل الحرف يتصرف بشكل صحيح في النص العربي عند تشغيله من قبل محرك التشكيل (مثل HarfBuzz أو CoreText أو Uniscribe). أنصح بتسمية glyphs واتّباع ماب المعايير Unicode (تعيين الكودبوينت في جدول cmap) حتى لا تحدث أخطاء في التطابق بين الحرف والرمز. الخُطوة التالية تحول الملف إلى صيغة ويب: أصدّر ملف TTF/OTF، أطبّق تنقيحًا (hinting) إن لزم والأفضل استخدام ttfautohint للنتيجة المقبولة، ثم أُحوّله إلى 'WOFF' و'WOFF2' باستخدام أدوات مثل fonttools أو sfnt2woff، وأقوم بعمل تقليص (subsetting) عبر pyftsubset لحذف glyphs غير الضرورية وتخفيض حجم الملف. أختم بكتابة @font-face في CSS مع خيارات مثل font-display: swap وunicode-range إن أردت تحميل أجزاء محددة فقط. لا تنسَ اختبار الخط مع نص عربي حقيقي عبر متصفحات وأنظمة تشغيل مختلفة لأن كل بيئة قد تستخدم محرك تشكيل مختلف؛ وأحيانًا تحتاج إلى إصلاح قواعد OpenType أو إعادة تسمية glyphs ليتوافق الأداء. بالنسبة لي، الشعور الذي ينتابني حين أرى نصًا عربيًا منسقًا بشكل جميل على صفحة ويب يستحق كل هذه الخطوات، خصوصًا عندما تعمل الحركات واللّيجات بانسجام وتصبح القراءة سهلة وجذابة.

أي موقع يحول خط النسخ pdf إلى ملف فونت صالح؟

4 คำตอบ2026-02-26 09:04:39

جربت استخراج الخطوط من ملفات PDF عدة مرات وعادةً أنجح بأفضل النتائج عندما أدمج أدوات على الويب مع أدوات سطح المكتب. أول خطوة سهلة أنصح بها هي تجربة موقع extractpdf.com لأنه يتيح تنزيل الموارد المضمنة في الملف بما فيها الخطوط (إن كانت مضمّنة وغير مشفّرة). لو نجحت العملية ستحصل على ملفات تُشبه ttf/otf أو ملفات Type1، وهذه يمكن فتحها في برنامج مثل FontForge لتحويلها إلى خط صالح للاستخدام وتدقيق أسماء الجليفات وإصلاح أي مشاكل في الترميز. إذا واجهت خطًا «مجزَّئًا» (subset) أو محميًا فغالبًا ستحتاج لخطوات إضافية: استخدام mutool لاستخراج الموارد أو pdffonts للتعرّف على أسماء الخطوط أولًا ثم فتح الناتج في FontForge أو تحويله عبر أدوات مثل fonttools. ولا تنسَ أن تتحقق من ترخيص الخط قبل النشر — التجربة العملية علمتني أن الجانب القانوني مهم للغاية. في النهاية، مزيج الأدوات الأنسب غالبًا يعطيني أفضل نتيجة مع قليل من الصبر والتجريب.

كيف يحول المبرمجون فونت عربي مزخرف إلى خط ويب؟

4 คำตอบ2026-04-07 01:39:24

عملية تحويل خط عربي مزخرف إلى خط ويب يتطلب مزيجًا من الدقة الفنية وحسّ التقدير للجمال. أول خطوة أفعلها دائمًا هي التحقق من رخصة الخط — لو الرخصة لا تسمح بالتحويل أو بالاستضافة على الويب، أتركه فورًا لأن المشاكل القانونية ليست ممتعة. بعد التأكد من الرخصة، أفتح الملف الأصلي (TTF أو OTF أو حتى SVG) في محرر خطوط مثل FontForge أو أدوات احترافية أخرى، وأتفحص وجود ميزات OpenType المهمة لحروف العربية: 'init' و'medi' و'fina' و'isol'، بالإضافة إلى ميزات المواضع مثل 'mark' و'mkmk'. لو اختفت هذه الميزات أثناء التحويل فستفقد الحروف اتصالاتها وسينتج مظهر مفكوك. بعد التنظيف أعمل تقطيعًا لاختيار الحروف التي أريدها فقط (subsetting) لتقليل الحجم — خاصة إذا كان الخط مزخرف ويحتوي على مجموعات ضخمة من الرموز. الخلاصة التقنية: أحول إلى 'woff2' (ولاحقًا أُحَضِّر نسخة 'woff' كنسخة احتياطية) باستخدام أدوات مثل pyftsubset أو محولات موثوقة، أضيف @font-face في CSS مع font-display: swap، وأحمّل الملفات من سيرفر سريع أو CDN. ثم أجرب الخط عبر متصفحات ونُظم تشغيل مختلفة، وأتأكد من سلامة التشكيل والاتصالات. في النهاية أشعر برضا غريب عندما تتحول زخرفة معقّدة إلى صفحة ويب خفيفة وسلسة.

هل يستطيع المصمم تحويل الخط العربي إلى خط ويب متوافق؟

3 คำตอบ2025-12-05 18:32:13

أعشق ملاحظة تفاصيل الحروف حين تتحول من ورق إلى شاشة؛ العملية ممكنة لكن لها جوانب فنية وقانونية يجب ملامستها. أول شيء يجب أن أعرفه هو أن الخط العربي ليس مجرد أشكال ثابتة؛ الحروف تتغير بحسب مواضعها والسياق اللغوي (أوله، وسطه، آخره، ومنفصلة) وهناك علامات تشكيل ومواضع اتصال تجعل من تحويل الخط لمهمة تتطلب فهم القواعد. لذلك، المصمم يحتاج للتأكد من أن الخط الأصلي يدعم ميزات OpenType الأساسية مثل GSUB وGPOS التي تتولى تبديل الأشكال وربط الحروف وتوزيع العلامات. تحويل ملف مُصمم (مثل OTF أو TTF) إلى صيغ ويب مثل WOFF وWOFF2 أمر تقني بسيط نسبياً، لكن الحفاظ على نفس الجودة يتطلب ضبط الـ hinting والـ metrics وإجراء اختبارات عبر المتصفحات. جانب آخر لا يقل أهمية هو الترخيص: بعض الخطوط لا تسمح بالاستضافة على الويب أو تتطلب ترخيصاً منفصلاً. كما أن تحسين الأداء أساسي—تقسيم الخط إلى مجموعات أحرف (subsetting) باستخدام أدوات مثل fontTools/pyftsubset يقلل الحجم كثيراً، واستخدام WOFF2 يمنح أفضل ضغط. لا أنسى أن أعيد اختبار الشكليات على متصفحات وأنظمة تشغيل متعددة لأن محركات التشكيل مثل HarfBuzz في بعض البيئات قد تتعامل بشكل مختلف مع الـ OpenType. في النهاية، نعم، المصمم يستطيع تحويل الخط العربي إلى خط ويب متوافق، لكن الأفضل أن يجمع بين مهارات التصميم، التقنيات اليدوية، والاهتمام بالترخيص وتجربة المستخدم — وهنا تكمن المتعة الحقيقية عند رؤية الحروف تتنفس على الشاشة كما فعلت على الورق.

ما البرامج التي يحول بها المصممون خط عربي مزخرف إلى ويب فونت؟

4 คำตอบ2026-03-22 16:25:17

ما يعجبني في شغل الخط العربي المزخرف أنه يجمع بين روح الحرف وتقنية الويب، ولها مسارات أدوات محددة تقدر توصل العمل لشكل ويب فونت عملي وجميل. أبدأ عادةً برسم الحروف وإخراجها في محرر فيكتور مثل 'Adobe Illustrator' أو 'Inkscape' لأن فيه مرونة لتشكيل المسارات والزخارف. بعد ما تتأكد من الشكل العام، أنقل المسارات إلى برنامج تصميم الخطوط: المفضّل عندي هو 'Glyphs' على ماك لأنه يتعامل ممتازًا مع ميزات OpenType الآلية للعربية (مثل الحالات الابتدائية والوسطية والنهائية والعزلات) ويصدر OTF نظيف. بديل احترافي قوي هو 'FontLab'، أما الحل المجاني فهما 'FontForge' و'BirdFont'. لتحويل الخط إلى صيغ ويب (WOFF/WOFF2) أستخدم أدوات مثل 'fonttools' (بايثون) لعمل subsetting و'woff2' لضغط الملفات، أو أحيانًا مواقع مثل 'Transfonter' أو 'Font Squirrel' لتحويل سريع. ولا أنسى اختبار الشيبينغ بالـ HarfBuzz أو عن طريق المتصفحات نفسها، ثم إعداد @font-face في CSS مع تفعيل خصائص OpenType المهمة للعربية مثل 'init' و 'medi' و 'fina' و 'isol' و 'mark'. العملية قد تبدو طويلة لكن النتيجة—خط عربي مزخرف يعمل بسلاسة على الويب—تستحق التعب.

كيف يحوّل المطور الخط العربي المزخرف إلى SVG؟

4 คำตอบ2026-03-12 01:39:16

عندما أتعامل مع قطعة خط عربي مزخرفة، أبدأ دائمًا بفكرة أنني أترجم حركة الريشة إلى منحنيات قابلة للقياس. أول خطوة عملية هي التقاط العمل بدقة — مسح ضوئي أو تصوير جيد الإضاءة — ثم أُدخل الصورة في برامج مثل 'Inkscape' أو 'Adobe Illustrator' وأستخدم خاصية تتبع البت ماب (Trace Bitmap / Image Trace) لاستخراج منحنيات أولية. بعد ذلك أقوم بتنظيف العقد والنقاط الزائدة يدوياً، وتحويل كل خط إلى مسارات بيزييه (cubic Bézier) واضحة. إذا كان التصميم قائمًا على الخطاط، أحرص على فصل الحركات الأساسية عن الحركات الزخرفية والنقط والحركات، لأن التعامل مع كل عنصر على حدة يسهل لاحقًا ضبط الأمور التقنية. المرحلة التالية تتعلق بالشكل العربي نفسه: لأن الحروف تتغير مواضعها حسب الجوار، فأنا أقرر ما إذا كنت سأبقي النص كمسارات ثابتة في SVG (مناسب لعناصر زخرفية ثابتة) أو أصنع خطاً قابلاً للاستخدام (تصدير كـ OTF/TTF ثم استخدام أدوات لتحويل الخط إلى SVG أو استخراج المسارات عبر مكتبات مثل 'opentype.js'). عند صنع خط فعلي أعمل تعويضات للربط والتشكيل باستخدام قواعد GSUB/GPOS أو أستخدم محرك تشكيل مثل HarfBuzz لتوليد الأشكال الصحيحة قبل تحويلها إلى مسارات. أخيرًا، أحرص على تحسين ملف الـ SVG: تبسيط المسارات لتقليل عدد العقد، استخدام viewBox مناسب، ضبط preserveAspectRatio، واختبار التدرجات والأقنعة إن وُجدت. أستعمل أدوات مثل SVGO لضغط الملف، وأضيف وسم و<desc> للوضوح. النتيجة تكون نفس الزخرفة مرسومة بدقة رقمية وقابلة للتكبير دون فقدان الجودة، وتستحضر روح الريشة مع بنية رقمية نظيفة — وهذا دائماً يشعرني بالرضا.</div></div><div class="qa-item" data-v-b7353ae2><h3 data-v-b7353ae2><a href="/qa/ar/لماذا-يفضّل-المطور-استخدام-خط-عربى-متوافق-مع-الويب؟" class="qa-item-title" data-v-b7353ae2> لماذا يفضّل المطور استخدام خط عربى متوافق مع الويب؟ </a></h3><div class="qa-item-line" data-v-b7353ae2><span data-v-b7353ae2>4 คำตอบ</span><span data-v-b7353ae2>2026-02-26 07:07:49</span></div><div class="qa-item-desc" data-v-b7353ae2>هناك سبب عملي وتقني وخدمي يجعلني أصرّ على اختيار خط عربي متوافق مع الويب: الثبات عبر الأجهزة والمتصفحات. أُقدّر أن نص الموقع يظل كما خططتُ له — نفس ارتفاع السطور، نفس اتجاه الحروف، ونفس توازن المسافات بين الكلمات — لأن الاختلاف في قياسات الخط يمكن أن يكسر واجهة المستخدم ويحوّل تصميم أنيق إلى فوضى مرئية. أجد أن الخطوط المصممة للويب تحتوي على جداول OpenType مُجهزة جيدًا للغة العربية (مثل دعم 'mark' و 'mkmk' وميزات الربط واللِّحام)، وهذا يعني أن الحروف تتصل وتتحول بشكل صحيح عند عرضها على متصفحات مختلفة. النتيجة؟ نص واضح، تشكيلات صحيحة، ومظهر احترافي دون الحاجة لتصحيحات CSS معقدة. ثمة عامل اختباري لا يقلّ أهمية: الأداء والترخيص. خطوط الويب تأتي عادةً بصيغ مضغوطة مثل WOFF2 وتُحمّل عبر CDN أو تُخزّن مؤقتًا، ما يقلل زمن التحميل ويمنع تقلبات العرض. كما أن تراخيصها تكون واضحة للعمل عبر الشبكة، فأشعر براحة أكبر من ناحية قانونية وتقنية عندما أستخدمها بدلاً من رفع خط غير مناسب قد يسبب مشاكل لاحقًا.</div></div><div class="qa-item" data-v-b7353ae2><h3 data-v-b7353ae2><a href="/qa/ar/ما-إعدادات-css-التي-يفضّل-المطوّرون-لعرض-arab-font-بسرعة؟" class="qa-item-title" data-v-b7353ae2> ما إعدادات CSS التي يفضّل المطوّرون لعرض arab font بسرعة؟ </a></h3><div class="qa-item-line" data-v-b7353ae2><span data-v-b7353ae2>4 คำตอบ</span><span data-v-b7353ae2>2026-04-04 01:00:46</span></div><div class="qa-item-desc" data-v-b7353ae2>اشتغلت على واجهات عربية تحتاج تحميل خطوط سريع وتجربة سلسة، وتعلمت أن التفاصيل الصغيرة تصنع فرقاً كبيراً. أهم شيء أستخدمه دائماً هو @font-face مع صيغة WOFF2 لأنّها أصغر بكثير وتدعّم ضغطاً أفضل. أضع 'local' أولاً داخل @font-face كي يستفيد المتصفح من الخط المثبت محلياً عندما يكون موجوداً، ثم أتبعه بملف WOFF2 مخفّض، ومع خاصية font-display أفضّل 'swap' لتجنّب ظاهرة FOIT (فترة انتظار الخط). مثال بسيط: @font-face{font-family:'MyArabic';src:local('MyArabic'),url('/fonts/myarabic.woff2') format('woff2');unicode-range:0x0600-0x06FF;font-display:swap} أيضاً أقسم الخطوط حسب نطاق اليونيكود (unicode-range) لأقدّم فقط الحروف العربية عند الحاجة، فهذا يقلّل حجم النطاق الذي يُحمّل. ولا أنسى preload لملفات الخط الأساسية مع crossorigin إذا كانت مستضافة على CDN، وأضع fallback stack متقاربة في القياسات لتجنّب تغيير التخطيط، وهكذا تظل الصفحة سريعة والقراءة مريحة.</div></div><div class="qa-item" data-v-b7353ae2><h3 data-v-b7353ae2><a href="/qa/ar/هل-المطورون-يجربون-خط-مزخرف-عربي-لتحسين-واجهة-المواقع؟" class="qa-item-title" data-v-b7353ae2> هل المطورون يجربون خط مزخرف عربي لتحسين واجهة المواقع؟ </a></h3><div class="qa-item-line" data-v-b7353ae2><span data-v-b7353ae2>3 คำตอบ</span><span data-v-b7353ae2>2026-04-07 19:49:56</span></div><div class="qa-item-desc" data-v-b7353ae2>كانت لدي تجربة ممتعة قبل أشهر حين جرب فريقنا خطًا عربيًا زخرفيًا للهيدر على موقع تجاري، والنتيجة كانت مزيجًا من الإعجاب والدهشة العملية. بدأت الفكرة لأن العميل أراد «هوية مرئية عربية» أكثر دفئًا وجاذبية، فاخترنا أن نستخدم خطًا عرضيًا لعنوان الصفحة مع خط أبسط للنص الرئيسي. ما أدركته سريعًا هو أن الزخرفة تعمل بشكل رائع كعنصر بصري لجذب الانتباه، لكنها تفقد جاذبيتها عندما تُستخدم للنصوص الطويلة أو في أحجام صغيرة. لذلك نصحت باستخدام الخط الزخرفي للعناوين والشعارات فقط، مع مراعاة مسافات الأسطر وحجم الخط لتجنب التصاق الحروف. على الجانب التقني، واجهتنا قضايا تحميل الخطوط (القواعد: استخدم WOFF2 وfont-display: swap)، وكذلك اختلافات المحرك في عرض الحروف العربية بين المتصفحات وأنظمة التشغيل—ما يظهر ممتازًا على سطح المكتب قد يبدو مختلفًا على iOS أو أندرويد بسبب طرق تشكيل الحروف. لذلك قمنا بعمل اختبارات A/B لقياس سرعة القراءة ومعدلات التحويل، واحتفظنا بنسخة احتياطية من النظام (system fonts) كخيار تلقائي. الخلاصة العملية: نعم، المطورون يجربون الخطوط الزخرفية العربية بكثرة، لكن الأفضلية دائماً للتوازن بين الجمالية والقراءة. أعتبر أن هذه التجارب مفيدة إذا رافقتها اختبارات ومراعاة لحقوق الترخيص وأداء الموقع.</div></div></div></div><div class="qad-block" data-v-222bd693><h2 class="qad-title" data-v-222bd693>การค้นหาที่เกี่ยวข้อง</h2><div class="qas" data-v-e6977e9e data-v-222bd693><a href="/qa/ar/t_فونت-عربى" class="qas-item" data-v-e6977e9e><h3 class="qas-item-text" data-v-e6977e9e>فونت عربى</h3></a><a href="/qa/ar/t_فونت-عربي" class="qas-item" data-v-e6977e9e><h3 class="qas-item-text" data-v-e6977e9e>فونت عربي</h3></a><a href="/qa/ar/t_فونت-عربي-مزخرف" class="qas-item" data-v-e6977e9e><h3 class="qas-item-text" data-v-e6977e9e>فونت عربي مزخرف</h3></a><a href="/qa/ar/t_فونت-عربی" class="qas-item" data-v-e6977e9e><h3 class="qas-item-text" data-v-e6977e9e>فونت عربی</h3></a><a href="/qa/ar/t_arab-font" class="qas-item" data-v-e6977e9e><h3 class="qas-item-text" data-v-e6977e9e>Arab Font</h3></a><a href="/qa/ar/t_الخطوط-العربية-للكتابة" class="qas-item" data-v-e6977e9e><h3 class="qas-item-text" data-v-e6977e9e>الخطوط العربية للكتابة</h3></a><a href="/qa/ar/t_عرب-فونت" class="qas-item" data-v-e6977e9e><h3 class="qas-item-text" data-v-e6977e9e>عرب فونت</h3></a><a href="/qa/ar/t_خط-العربية" class="qas-item" data-v-e6977e9e><h3 class="qas-item-text" data-v-e6977e9e>خط العربية</h3></a><a href="/qa/ar/t_خط-عربي-مزخرف" class="qas-item" data-v-e6977e9e><h3 class="qas-item-text" data-v-e6977e9e>خط عربي مزخرف</h3></a><a href="/qa/ar/t_الخط-العربي-المزخرف" class="qas-item" data-v-e6977e9e><h3 class="qas-item-text" data-v-e6977e9e>الخط العربي المزخرف</h3></a></div></div></div><div class="qad-right" data-v-222bd693><div class="qad-right-section" data-v-222bd693><div class="list" data-v-4c1b4076 data-v-222bd693><div class="list-title" data-v-4c1b4076>คำถามยอดนิยม</div><div class="list-list" data-v-4c1b4076><div class="list-item" data-v-4c1b4076><div class="right-item-index" data-v-4c1b4076>01</div><span data-v-4c1b4076><a href="/qa/ar/أي-تنسيق-نماذج-سيرة-ذاتيه-يقبله-نظام-التقديم-الإلكتروني؟" class="right-item-title" data-v-4c1b4076>أي تنسيق نماذج سيرة ذاتيه يقبله نظام التقديم الإلكتروني؟</a></span></div><div class="list-item" data-v-4c1b4076><div class="right-item-index" data-v-4c1b4076>02</div><span data-v-4c1b4076><a href="/qa/ar/كيف-تنتهي-نزهة-المشتاق-في-اختراق-الآفاق-بنهاية-مفاجئة؟" class="right-item-title" data-v-4c1b4076>كيف تنتهي نزهة المشتاق في اختراق الآفاق بنهاية مفاجئة؟</a></span></div><div class="list-item" data-v-4c1b4076><div class="right-item-index" data-v-4c1b4076>03</div><span data-v-4c1b4076><a href="/qa/ar/كيف-أثّر-نهج-البردة-في-تطور-الشعر-الصوفي-العربي؟" class="right-item-title" data-v-4c1b4076>كيف أثّر نهج البردة في تطور الشعر الصوفي العربي؟</a></span></div><div class="list-item" data-v-4c1b4076><div class="right-item-index" data-v-4c1b4076>04</div><span data-v-4c1b4076><a href="/qa/ar/هل-دعاء-مستجاب-باذن-الله-يرفع-البركة-في-رزق-العائلة؟" class="right-item-title" data-v-4c1b4076>هل دعاء مستجاب باذن الله يرفع البركة في رزق العائلة؟</a></span></div><div class="list-item" data-v-4c1b4076><div class="right-item-index" data-v-4c1b4076>05</div><span data-v-4c1b4076><a href="/qa/ar/هل-يُناسب-انمي-اتشي-خفيف-المشاهدة-العائلية؟" class="right-item-title" data-v-4c1b4076>هل يُناسب انمي اتشي خفيف المشاهدة العائلية؟</a></span></div><div class="list-item" data-v-4c1b4076><div class="right-item-index" data-v-4c1b4076>06</div><span data-v-4c1b4076><a href="/qa/ar/أي-ممثل-أدى-صوت-شخصية-رحيق-في-النسخة-المدبلجة؟" class="right-item-title" data-v-4c1b4076>أي ممثل أدى صوت شخصية رحيق في النسخة المدبلجة؟</a></span></div><div class="list-item" data-v-4c1b4076><div class="right-item-index" data-v-4c1b4076>07</div><span data-v-4c1b4076><a href="/qa/ar/هل-توفر-المكتبة-كتاب-معلم-القراءة-pdf-مجانا-بصيغة-آمنة؟" class="right-item-title" data-v-4c1b4076>هل توفر المكتبة كتاب معلم القراءة Pdf مجانا بصيغة آمنة؟</a></span></div><div class="list-item" data-v-4c1b4076><div class="right-item-index" data-v-4c1b4076>08</div><span data-v-4c1b4076><a href="/qa/ar/كيف-يغير-السياق-اعراب-الاسماء-الخمسة-في-القرآن؟" class="right-item-title" data-v-4c1b4076>كيف يغير السياق اعراب الاسماء الخمسة في القرآن؟</a></span></div><div class="list-item" data-v-4c1b4076><div class="right-item-index" data-v-4c1b4076>09</div><span data-v-4c1b4076><a href="/qa/ar/هل-يجذب-مقالي-اختبار-مشاهدين-لقناة-يوتيوب-عن-الأنمي؟" class="right-item-title" data-v-4c1b4076>هل يجذب مقالي اختبار مشاهدين لقناة يوتيوب عن الأنمي؟</a></span></div><div class="list-item" data-v-4c1b4076><div class="right-item-index" data-v-4c1b4076>10</div><span data-v-4c1b4076><a href="/qa/ar/هل-شارك-basheer-في-تحويل-روايته-إلى-فيلم-سينمائي؟" class="right-item-title" data-v-4c1b4076>هل شارك Basheer في تحويل روايته إلى فيلم سينمائي؟</a></span></div></div></div></div><div class="qad-right-section" data-v-222bd693><div class="qad-right-title" data-v-222bd693>ยอดนิยม</div><div class="qas qas--list" data-v-e6977e9e data-v-222bd693><a href="/qa/ar/t_مخترع-الطباعة" class="qas-item" data-v-e6977e9e><div class="qas-item-text" data-v-e6977e9e>مخترع الطباعة</div></a><a href="/qa/ar/t_صلاح-عيسى" class="qas-item" data-v-e6977e9e><div class="qas-item-text" data-v-e6977e9e>صلاح عيسى</div></a><a href="/qa/ar/t_وصايا-الامام-علي" class="qas-item" data-v-e6977e9e><div class="qas-item-text" data-v-e6977e9e>وصايا الامام علي</div></a><a href="/qa/ar/t_مصحف-ابن-كثير" class="qas-item" data-v-e6977e9e><div class="qas-item-text" data-v-e6977e9e>مصحف ابن كثير</div></a><a href="/qa/ar/t_السيد-محمد-باقر-الحكيم" class="qas-item" data-v-e6977e9e><div class="qas-item-text" data-v-e6977e9e>السيد محمد باقر الحكيم</div></a><a href="/qa/ar/t_الوشاح-في-فوائد-النكاح" class="qas-item" data-v-e6977e9e><div class="qas-item-text" data-v-e6977e9e>الوشاح في فوائد النكاح</div></a><a href="/qa/ar/t_دكتور-احمد-غلوش" class="qas-item" data-v-e6977e9e><div class="qas-item-text" data-v-e6977e9e>دكتور احمد غلوش</div></a><a href="/qa/ar/t_حياة-النبي-محمد" class="qas-item" data-v-e6977e9e><div class="qas-item-text" data-v-e6977e9e>حياة النبي محمد</div></a><a href="/qa/ar/t_محمد-عبد-الله-دراز" class="qas-item" data-v-e6977e9e><div class="qas-item-text" data-v-e6977e9e>محمد عبد الله دراز</div></a><a href="/qa/ar/t_شعراء-العراق" class="qas-item" data-v-e6977e9e><div class="qas-item-text" data-v-e6977e9e>شعراء العراق</div></a></div></div></div></div><div class="downb qad-db" data-v-2571a44a data-v-222bd693><div class="downb-img" data-v-2571a44a></div><div class="downb-con" data-v-2571a44a><div class="downb-title" data-v-2571a44a>สำรวจและอ่านนวนิยายดีๆ ได้ฟรี</div><div class="downb-desc" data-v-2571a44a>เข้าถึงนวนิยายดีๆ จำนวนมากได้ฟรีบนแอป GoodNovel ดาวน์โหลดหนังสือที่คุณชอบและอ่านได้ทุกที่ทุกเวลา</div></div><div position="foot_banner" size="128" class="downb-qrcode" data-v-2571a44a><div class="qr-code-wrap" style="width:120px;height:120px;" data-v-9c5e2524 data-v-2571a44a><div value="" level="H" background="#fff" foreground="#000" class="qr-code" data-v-9c5e2524><canvas height="120" width="120" style="width:120px;height:120px;"></canvas></div><img src="https://www.goodnovel.com/pcdist/src/assets/images/common/51e534b7-logo_icon.png" alt class="qr-code-logo" data-v-9c5e2524></div><div class="downb-qrcode-desc" data-v-2571a44a>อ่านหนังสือฟรีบนแอป</div></div></div></div></div><div class="container-box" style="display:none;" data-v-1e4f73b2><div class="page-loading-wrap" data-v-62844f26 data-v-1e4f73b2><div data-v-62844f26><img src="https://www.goodnovel.com/pcdist/src/assets/images/9305813c-page_loading.png" alt="loading" class="loading-img" data-v-62844f26></div><div class="loading-txt" data-v-62844f26> กำลังโหลด... </div></div></div><footer class="footer footer-th" data-v-71c8bf41 data-v-1e4f73b2><ul class="box" data-v-71c8bf41><li class="aboutus" data-v-71c8bf41><img alt="GoodNovel" src="https://www.goodnovel.com/pcdist/src/assets/images/footer/269a57cf-logo.png" fetchpriority="low" class="aboutus-logo" data-v-71c8bf41><div class="aboutus-follow-text" data-v-71c8bf41>ติดตามเรา :</div><div class="aboutus-follow-list" data-v-71c8bf41><a href="https://www.facebook.com/GoodNovels" rel="nofollow" class="fb" data-v-71c8bf41></a><a href="https://www.tiktok.com/@goodnovelofficial" rel="nofollow" class="tt" data-v-71c8bf41></a><a href="https://www.instagram.com/goodnovelist" rel="nofollow" class="ins" data-v-71c8bf41></a><a href="https://www.youtube.com/@GoodNovelOfficial" rel="nofollow" class="utube" data-v-71c8bf41></a></div><div class="aboutus-copy" data-v-71c8bf41>Copyright ©‌ 2026 GoodNovel</div><div class="aboutus-line" data-v-71c8bf41><a href="/terms" rel="nofollow" data-v-71c8bf41>ระยะเวลาในการใช้งาน</a><span data-v-71c8bf41>|</span><a href="/privacy" rel="nofollow" data-v-71c8bf41>ความเป็นส่วนตัว</a></div></li><li class="item" data-v-71c8bf41><div class="title" data-v-71c8bf41>หมวดฮิต</div><a href="/stories/โรแมนติก-นิยาย" class="content-li" data-v-71c8bf41>โรแมนติก</a><a href="/stories/มาเฟีย-นิยาย" class="content-li" data-v-71c8bf41>มาเฟีย</a><a href="/stories/ระบบ-นิยาย" class="content-li" data-v-71c8bf41>ระบบ</a><a href="/stories/แฟนตาซี-นิยาย" class="content-li" data-v-71c8bf41>แฟนตาซี</a><a href="/stories/เมือง-นิยาย" class="content-li" data-v-71c8bf41>เมือง</a><a href="/stories/LGBTQ-นิยาย" class="content-li" data-v-71c8bf41>LGBTQ+</a></li><li class="item" data-v-71c8bf41><div class="title" data-v-71c8bf41>ติดต่อเรา</div><a href="/about_us" class="content-li" data-v-71c8bf41>เกี่ยวกับเรา</a><a target="_blank" rel="nofollow" href="https://docs.google.com/forms/d/e/1FAIpQLSeN_Qb3KRdbzPQ1RGw3HTX3nOtl90SLwkBHYre56Dh_e4efNw/viewform" class="content-li" data-v-71c8bf41>ความช่วยเหลือและข้อเสนอแนะ</a><a href="/business" rel="nofollow" class="content-li" data-v-71c8bf41>ธุรกิจ</a></li><li class="item" data-v-71c8bf41><div class="title" data-v-71c8bf41>ทรัพยากร</div><a href="/download_apps" rel="nofollow" class="content-li" data-v-71c8bf41>ดาวน์โหลดแอป</a><a href="/writer_benefit" rel="nofollow" class="content-li" data-v-71c8bf41>ผลประโยชน์ผู้เขียน</a><a href="/helpCenter" rel="nofollow" class="content-li" data-v-71c8bf41>นโยบายเนื้อหา</a><a href="/tags/ทั้งหมด" class="content-li" data-v-71c8bf41>คำสำคัญ</a><a href="/hot-searches/all" class="content-li" data-v-71c8bf41>ฮอตเสิร์ช</a><a href="/resources" class="content-li" data-v-71c8bf41>รีวิวหนังสือ</a><a href="/fanfiction" class="content-li" data-v-71c8bf41>แฟนฟิค</a><a href="/qa" style="display:none;" data-v-71c8bf41>FAQ</a><a href="/qa/id" style="display:none;" data-v-71c8bf41>FAQ-ID</a><a href="/qa/fil" style="display:none;" data-v-71c8bf41>FAQ-FIL</a><a href="/qa/th" style="display:none;" data-v-71c8bf41>FAQ-TH</a><a href="/qa/ja" style="display:none;" data-v-71c8bf41>FAQ-JA</a><a href="/qa/ar" style="display:none;" data-v-71c8bf41>FAQ-AR</a><a href="/qa/es" style="display:none;" data-v-71c8bf41>FAQ-ES</a><a href="/qa/ko" style="display:none;" data-v-71c8bf41>FAQ-KO</a><a href="/qa/de" style="display:none;" data-v-71c8bf41>FAQ-DE</a><a href="/qa/fr" style="display:none;" data-v-71c8bf41>FAQ-FR</a><a href="/qa/pt" style="display:none;" data-v-71c8bf41>FAQ-PT</a><a href="/goodnovel-vs-competitors" style="display:none;" data-v-71c8bf41>GoodNovel vs Competitors</a></li><li class="item" data-v-71c8bf41><div class="title" data-v-71c8bf41>ชุมชน</div><a target="_blank" rel="nofollow" href="https://www.facebook.com/groups/GoodNovels/" class="content-li" data-v-71c8bf41>กลุ่มเฟสบุ๊ค</a><div class="title" data-v-71c8bf41>ดาวน์โหลด</div><div class="download download-apple" data-v-71c8bf41></div><div class="download download-google" data-v-71c8bf41></div></li></ul></footer></div><div class="download" data-v-1e4f73b2><div class="download-logo" data-v-1e4f73b2><div class="download-logo-border" data-v-1e4f73b2></div><div class="download-logo-cover" data-v-1e4f73b2></div><div class="download-logo-img" data-v-1e4f73b2></div></div><div class="qr-code-wrap" style="width:80px;height:80px;" data-v-9c5e2524 data-v-1e4f73b2><div value="" level="L" background="#fff" foreground="#000" class="qr-code" data-v-9c5e2524><canvas height="80" width="80" style="width:80px;height:80px;"></canvas></div></div><span data-v-1e4f73b2>สแกนรหัสเพื่ออ่านบนแอป</span></div></div><div style="text-align: center; position: fixed; opacity: 0; z-index: -1; left: -9999em;"><a href="//www.dmca.com/Protection/Status.aspx?ID=0dcec714-6f50-4fa3-adf7-6aacf8fb29e3" title="DMCA.com Protection Status" class="dmca-badge"><img src="https://images.dmca.com/Badges/_dmca_premi_badge_4.png?ID=0dcec714-6f50-4fa3-adf7-6aacf8fb29e3" alt="DMCA.com Protection Status"></a></div></div><script>window.__INITIAL_STATE__={"source":{"token":{"promise":{}}},"redirectObj":{"status":false,"url":""},"bookLangKey":null,"skeletonLoading":false,"NotFound404Staus":false,"NotFound410Staus":false,"isSpider":false,"apiStatus":0,"gbotI":{},"moduleCommon":{"loading":false},"moduleRead":{"opeationIndex":-1,"bgColor":0,"fontSize":20,"currentChapterId":"","currentChapterName":""},"moduleHome":{"hasViolation":false,"language":"th","userInfo":{},"isShowLogin":false,"currentPath":"\u002F","addCurrentBookInfo":{},"callBackObj":false,"bookAuthStatus":true},"moduleSearch":{"topList":[],"bottomList":[],"keyword":"","pageSize":20,"pageNo":1,"totals":1,"books":[],"allBookCount":0,"isNull":false,"keywordFormat":null,"searchKeyword":null,"recommend":{"hotWords":[],"recommendInfo":{"recommendBooks":[]}}},"moduleUserCenter":{"incomeList":[],"workDataList":[],"attendanceBonus":0,"incomeGeneralData":{},"menuStatus":1},"HomeDataModule":{"canonicalPline":-1,"bookInfoStatus":0,"bookInfo":{},"recommendBook":false,"originalBooks":[],"fafictionTitle":"","maylikelist":{"name":"You may also like","items":[]},"relatedNovels":{"name":"","items":[]},"newReleaseNovels":{"name":"","items":[]},"eroticNovels":{"name":"","items":[]},"packNum":0,"matePseudonym":false,"mockOffShelfFalg":false,"alphalist":{"name":"Myths from Alpha and Luna","items":[],"isAlpha":true},"bookList":[],"books":[],"tabs":[],"totals":1,"moreBooks":[],"moreName":"","allBookCount":0,"latestUpdateList":[],"recommendChapterList":[],"adultTagRecommends":[],"seoRecommends":[],"seoReadersTdk":{},"seoResourcesList":[],"seo404Vo":{},"ssrComment":{"pageNo":1,"totals":1,"level":1,"allComments":0,"commentList":[],"currentCommentInfo":[]},"bookRatingsStatics":null,"isOffShelf":false},"moduleHub":{"keyword":"","pageSize":4,"pageNo":1,"totals":10,"books":[],"allBookCount":200,"isNull":false},"HubDataModule":{"totals":0,"books":[],"hubInfo":{"seoDesc":"","seoKeywords":"","seoTitle":""},"pageNo":1,"initLoad":false},"HomeCategoryModule":{"bookTypes":[],"totals":10,"books":[],"currentIndex":""},"ContestDataModule":{"rankBooks":[],"activityId":"","initLoad":false,"errStatus":""},"FreeZone":{"cates":[],"cateLang":"","pageNo":1,"pageSize":15,"totals":0,"filterIndex":0,"contentTypeIndex":0,"chaptersIndex":0,"bookList":[],"filter":[{"key":"1","name":"Updated"},{"key":"2","name":"New Online"}],"contentType":[{"key":null,"name":"All"},{"key":"ORIGINAL","name":"Original"},{"key":"ALTERNATE","name":"FanFiction"}],"chapters":[{"key":null,"name":"All"},{"key":"LESS30","name":"\u003C30"},{"key":"BETWEEN30_100","name":"30-100"},{"key":"BETWEEN100_200","name":"100-200"},{"key":"BETWEEN200_500","name":"200-500"},{"key":"MORE500","name":"\u003E500"}]},"AlphaDataModule":{"rankBooks":[],"activityId":"","login":false,"mateShareInfo":{},"packShareInfo":{},"initLoad":false,"errStatus":"","totalViewCount":0},"UcModule":{"bookId":null,"lang":"","bookList":[]},"Catalog":{"catalogs":[],"pageSize":10,"totalPage":0,"pageNo":0,"total":0},"Browse":{"bookTypes":[],"shortBookTypes":[],"bookTypesNav":[{"id":11,"language":"THAI","desc":"โรแมนติก","genreResourceUrl":"โรแมนติก-นิยาย","lengthType":1},{"id":7,"language":"THAI","desc":"มาเฟีย","genreResourceUrl":"มาเฟีย-นิยาย","lengthType":1},{"id":13,"language":"THAI","desc":"ระบบ","genreResourceUrl":"ระบบ-นิยาย","lengthType":1},{"id":3,"language":"THAI","desc":"แฟนตาซี","genreResourceUrl":"แฟนตาซี-นิยาย","lengthType":1},{"id":14,"language":"THAI","desc":"เมือง","genreResourceUrl":"เมือง-นิยาย","lengthType":1},{"id":6,"language":"THAI","desc":"LGBTQ+","genreResourceUrl":"LGBTQ-นิยาย","lengthType":1},{"id":17,"language":"THAI","desc":"วัยรุ่น","genreResourceUrl":"วัยรุ่น-นิยาย","lengthType":1},{"id":5,"language":"THAI","desc":"ประวัติศาสตร์สมมติ","genreResourceUrl":"ประวัติศาสตร์สมมติ-นิยาย","lengthType":1},{"id":8,"language":"THAI","desc":"วาย","genreResourceUrl":"วาย-นิยาย","lengthType":1},{"id":18,"language":"THAI","desc":"อื่น ๆ","genreResourceUrl":"อื่น-ๆ-นิยาย","lengthType":1},{"id":41,"language":"THAI","desc":"รักโบราณ","genreResourceUrl":"รักโบราณ-นิยาย","lengthType":1}],"shortBookTypesNav":[{"id":47,"language":"THAI","desc":"โรแมนติก","genreResourceUrl":"โรแมนติก-เรื่องสั้น","lengthType":2},{"id":52,"language":"THAI","desc":"อารมณ์ที่สมจริง","genreResourceUrl":"อารมณ์ที่สมจริง-เรื่องสั้น","lengthType":2},{"id":53,"language":"THAI","desc":"มนุษย์หมาป่า","genreResourceUrl":"มนุษย์หมาป่า-เรื่องสั้น","lengthType":2},{"id":71,"language":"THAI","desc":"มาเฟีย","genreResourceUrl":"มาเฟีย-เรื่องสั้น","lengthType":2},{"id":151,"language":"THAI","desc":"วาย","genreResourceUrl":"วาย-เรื่องสั้น","lengthType":2},{"id":152,"language":"THAI","desc":"แวมไพร์","genreResourceUrl":"แวมไพร์-เรื่องสั้น","lengthType":2},{"id":164,"language":"THAI","desc":"ตำนานเทพเจ้า","genreResourceUrl":"ตำนานเทพเจ้า-เรื่องสั้น","lengthType":2},{"id":173,"language":"THAI","desc":"แฟนตาซี","genreResourceUrl":"แฟนตาซี-เรื่องสั้น","lengthType":2},{"id":48,"language":"THAI","desc":"วิทยาเขต","genreResourceUrl":"วิทยาเขต-เรื่องสั้น","lengthType":2},{"id":50,"language":"THAI","desc":"จินตนาการ","genreResourceUrl":"จินตนาการ-เรื่องสั้น","lengthType":2},{"id":51,"language":"THAI","desc":"เกิดใหม่","genreResourceUrl":"เกิดใหม่-เรื่องสั้น","lengthType":2},{"id":65,"language":"THAI","desc":"นิยายคลุมเครือ","genreResourceUrl":"นิยายคลุมเครือ-เรื่องสั้น","lengthType":2},{"id":49,"language":"THAI","desc":"ระทึกขวัญ\u002Fระทึกขวัญ","genreResourceUrl":"ระทึกขวัญ-ระทึกขวัญ-เรื่องสั้น","lengthType":2},{"id":67,"language":"THAI","desc":"ตำนานพื้นบ้านลึกลับ","genreResourceUrl":"ตำนานพื้นบ้านลึกลับ-เรื่องสั้น","lengthType":2},{"id":69,"language":"THAI","desc":"รักโบราณ","genreResourceUrl":"รักโบราณ-เรื่องสั้น","lengthType":2},{"id":150,"language":"THAI","desc":"มุมมองผู้ชาย","remark":"男视角","genreResourceUrl":"มุมมองผู้ชาย-เรื่องสั้น","lengthType":2}],"typeTwoId":"","pageNo":1,"pageSize":20,"bookWords":"ALL","popular":"POPULAR","browsePath":"","bookList":[],"totalPage":0,"total":0,"typeTwoInfo":{},"typeTwoResourceUrl":null,"browseLangKey":null,"bookTypeTwo":{},"typeNewBookList":[],"typeRecommendBookList":[],"hotSearchesList":[],"tagList":[]},"bookCapter":{"chapterData":{},"chapterStatus":0,"comentList":[],"chapterTotalComments":0,"seo404Vo":{}},"tagBook":{"tag":{},"activeTab":"A","menus":[],"searchTag":"","filterBy":"","sortBy":"","pageNo":1,"pageSize":10,"totalPage":0,"total":0,"bookList":[],"writeStatus":"","order":"","des":"","hotKeyWords":[],"tagCatePageNo":1,"tagCatePages":0,"tagAllPages":0,"tagCateList":[],"nativeTag":"","topRelatedList":[],"bottomBookRelatedList":[],"bottomTagRelatedList":[],"keywordType":"","typeNewBookList":[],"typeRecommendBookList":[],"canonicalTagUrl":"","interpretation":"","bottomFaqQaList":[]},"RscModule":{"rscInfo":{},"articleInfo":{},"tagInfo":{"list":[],"banner":[],"total":0,"pages":0,"pageNo":0},"categoryInfo":{"list":[],"banner":[],"total":0,"pages":0,"pageNo":0},"bannerList":[],"newList":[],"typeList":[],"moreTypeList":[],"languageList":[],"resourceTypeArticles":[],"resourceTypeArticlesPage":0,"resourceTypeArticlesPageTotal":0,"resourceTypeInfo":{},"resourceTypeOtherTypes":[],"typeRouteParam":"","isLanguage":false,"resourceTagArticles":[],"resourceTagArticlesPage":0,"resourceTagArticlesPageTotal":0,"resourceTagInfo":{},"resourceTagRecormmendActicles":[],"resourceTagHotTags":[],"categoryRecommendList":[]},"FanModule":{"rscInfo":{},"articleInfo":{},"tagInfo":{"list":[],"banner":[],"total":0,"pages":0,"pageNo":0},"categoryInfo":{"list":[],"banner":[],"total":0,"pages":0,"pageNo":0},"bannerList":[],"newList":[],"typeList":[],"moreTypeList":[],"languageList":[],"resourceTypeArticles":[],"resourceTypeArticlesPage":0,"resourceTypeArticlesPageTotal":0,"resourceTypeInfo":{},"resourceTypeOtherTypes":[],"typeRouteParam":"","isLanguage":false,"resourceTagArticles":[],"resourceTagArticlesPage":0,"resourceTagArticlesPageTotal":0,"resourceTagInfo":{},"tagGroupList":[],"resourceTagRecormmendActicles":[],"resourceTagHotTags":[]},"hotSearches":{"tag":{},"activeTab":"A","menus":[],"searchTag":"","filterBy":"","sortBy":"","pageNo":1,"pageSize":10,"totalPage":0,"total":0,"bookList":[],"writeStatus":"","order":"","des":"","hotKeyWords":[],"tagCatePageNo":1,"tagCatePages":0,"tagAllPages":0,"tagCateList":[],"nativeTag":""},"Author":{"author":{},"bookList":{"records":[],"total":0},"recommendBookList":[],"notFound":false},"Qa":{"qaList":[],"popularList":[{"id":1914830,"question":"أي تنسيق نماذج سيرة ذاتيه يقبله نظام التقديم الإلكتروني؟","questionFormat":"أي-تنسيق-نماذج-سيرة-ذاتيه-يقبله-نظام-التقديم-الإلكتروني؟","publishTime":"2026-02-01 01:25:00","language":"ARAB","answerNum":4,"viewCount":147,"ctime":"2026-01-27 06:30:15","utime":"2026-02-08 04:14:16","viewCountDisplay":"147","followCountDisplay":"0"},{"id":1915201,"question":"كيف تنتهي نزهة المشتاق في اختراق الآفاق بنهاية مفاجئة؟","questionFormat":"كيف-تنتهي-نزهة-المشتاق-في-اختراق-الآفاق-بنهاية-مفاجئة؟","publishTime":"2026-02-01 20:49:01","language":"ARAB","answerNum":4,"viewCount":36,"ctime":"2026-01-27 06:30:17","utime":"2026-02-08 12:14:15","viewCountDisplay":"36","followCountDisplay":"0"},{"id":1914374,"question":"كيف أثّر نهج البردة في تطور الشعر الصوفي العربي؟","questionFormat":"كيف-أثّر-نهج-البردة-في-تطور-الشعر-الصوفي-العربي؟","publishTime":"2026-01-31 19:10:37","language":"ARAB","answerNum":3,"viewCount":92,"ctime":"2026-01-27 06:30:12","utime":"2026-02-07 18:14:10","viewCountDisplay":"92","followCountDisplay":"0"},{"id":1456359,"question":"هل دعاء مستجاب باذن الله يرفع البركة في رزق العائلة؟","questionFormat":"هل-دعاء-مستجاب-باذن-الله-يرفع-البركة-في-رزق-العائلة؟","publishTime":"2026-01-24 05:28:08","language":"ARAB","answerNum":3,"viewCount":11,"ctime":"2025-12-31 06:22:48","utime":"2026-01-31 10:13:18","viewCountDisplay":"11","followCountDisplay":"0"},{"id":1189572,"question":"هل يُناسب انمي اتشي خفيف المشاهدة العائلية؟","questionFormat":"هل-يُناسب-انمي-اتشي-خفيف-المشاهدة-العائلية؟","publishTime":"2025-12-28 13:08:19","language":"ARAB","answerNum":5,"viewCount":193,"ctime":"2025-12-12 08:50:18","utime":"2026-01-04 10:13:37","viewCountDisplay":"193","followCountDisplay":"0"},{"id":1456282,"question":"أي ممثل أدى صوت شخصية رحيق في النسخة المدبلجة؟","questionFormat":"أي-ممثل-أدى-صوت-شخصية-رحيق-في-النسخة-المدبلجة؟","publishTime":"2026-01-24 01:51:31","language":"ARAB","answerNum":3,"viewCount":238,"ctime":"2025-12-31 06:22:48","utime":"2026-01-31 06:13:14","viewCountDisplay":"238","followCountDisplay":"0"},{"id":1926941,"question":"هل توفر المكتبة كتاب معلم القراءة Pdf مجانا بصيغة آمنة؟","questionFormat":"هل-توفر-المكتبة-كتاب-معلم-القراءة-pdf-مجانا-بصيغة-آمنة؟","publishTime":"2026-02-12 11:35:37","language":"ARAB","answerNum":5,"viewCount":68,"ctime":"2026-01-27 06:31:33","utime":"2026-02-19 08:14:31","viewCountDisplay":"68","followCountDisplay":"0"},{"id":1191187,"question":"كيف يغير السياق اعراب الاسماء الخمسة في القرآن؟","questionFormat":"كيف-يغير-السياق-اعراب-الاسماء-الخمسة-في-القرآن؟","publishTime":"2025-12-31 14:41:56","language":"ARAB","answerNum":2,"viewCount":80,"ctime":"2025-12-12 12:20:03","utime":"2026-01-07 16:13:17","viewCountDisplay":"80","followCountDisplay":"0"},{"id":1918751,"question":"هل يجذب مقالي اختبار مشاهدين لقناة يوتيوب عن الأنمي؟","questionFormat":"هل-يجذب-مقالي-اختبار-مشاهدين-لقناة-يوتيوب-عن-الأنمي؟","publishTime":"2026-02-05 05:36:00","language":"ARAB","answerNum":2,"viewCount":23,"ctime":"2026-01-27 06:30:40","utime":"2026-02-12 00:14:31","viewCountDisplay":"23","followCountDisplay":"0"},{"id":1460050,"question":"هل شارك Basheer في تحويل روايته إلى فيلم سينمائي؟","questionFormat":"هل-شارك-basheer-في-تحويل-روايته-إلى-فيلم-سينمائي؟","publishTime":"2026-01-28 19:56:23","language":"ARAB","answerNum":2,"viewCount":165,"ctime":"2025-12-31 06:23:13","utime":"2026-02-04 08:13:48","viewCountDisplay":"165","followCountDisplay":"0"}],"total":0,"questionDetail":{"id":2530360,"question":"كيف يحوّل المطوّرون Arab Font إلى خط ويب صالح للمواقع؟","keyword":"arab font","questionFormat":"كيف-يحوّل-المطوّرون-arab-font-إلى-خط-ويب-صالح-للمواقع؟","publishTime":"2026-04-04 18:38:45","language":"ARAB","viewCount":277,"followCount":22,"ctime":"2026-02-10 06:50:59","utime":"2026-07-22 12:06:18","userName":"خبرمقهى","userAvatar":"https:\u002F\u002Facf.goodnovel.com\u002Fseo\u002Fvirtual_user\u002Farab\u002Fcbfa3fe356a453c38eefbd01a991fea3dd6655437e6b1225cf44f811bb9fd24a081f88f26adf81417b8351f423234687.png?v=1&p=1","questionCredibilityTags":"قارئ دائم","userOccupationLabel":"كاتب","answerList":[{"id":8067453,"questionId":2530360,"userName":"Owen","userAvatar":"https:\u002F\u002Facf.goodnovel.com\u002Fseo\u002Fvirtual_user\u002Farab\u002F296ed478887c53820155f6d35d06dab14074d48fca23074f9de68df9e49ad979d44a61603ba61c33ae02cf88f0071652.png?v=1&p=1","content":"أحيانًا أتعامل مع المشروع من زاوية مطور مواقع تقليدي يبحث عن حلول عملية ومستقرة على المدى الطويل. أبدأ بتحميل ملف الخط الأصلي وفحصه في FontForge ثم أحلل الفئات التي أحتاجها: الحروف العربية الأساسية، الأرقام، علامات التشكيل، وبعض اللغات المركبة إن وجدت. بعد التصفية أستخدم pyftsubset لتقليص الحجم بحيث يبقى فقط ما أحتاجه فعليًا. التحويل إلى WOFF2 يكون دائمًا الهدف لأنّه يقدم أفضل ضغط، وأترك WOFF كنسخة احتياطية للمتصفحات الأقدم.\u003Cbr\u003E\u003Cbr\u003Eمهماً فعلت، أتحقق من جداول GSUB\u002FGPOS: إن لم تكن موجودة بشكل جيد ستجد حروفًا لا تتصل أو تظهر بشكل مفكك على المتصفحات. أختبر على Chrome وFirefox وSafari ونظامي iOS وAndroid لأنّ اختلاف محركات التشكيل قد يظهر فروقًا. بالنسبة لطرق التحميل أفضّل استخدام preload + font-display: optional للمواقع ذات الأولوية العالية في الأداء، وأستخدم CDN مع cache طويل الأجل للخطوط لتقليل الطلبات المتكررة. في النهاية، الحصول على توازن بين جودة العرض وحجم الملف هو ما يجعل المشروع ينجح على الويب.","ctime":"2026-04-05 08:15:08","utime":"2026-07-13 14:50:15","answerCredibilityTags":"رفيق القراءة","userOccupationLabel":"مغني","hitQATagObj":{},"praiseCount":8,"stepOnCount":0,"favoriteBookName":"الفا آشر: تدمير اللونا وسر وريث الألفا","favoriteBookResourceUrl":"الفا-آشر-تدمير-اللونا-وسر-وريث-الألفا_31001389489"},{"id":8067451,"questionId":2530360,"userName":"Zara","userAvatar":"https:\u002F\u002Facf.goodnovel.com\u002Fseo\u002Fvirtual_user\u002Farab\u002Ffa59c2bdb6d6219dce0e228f07e962d8be61adf3be7ab1b3aad92a137ea0ea8f2138ae1689e580f32f0716baf31b590b.png?v=1&p=1","content":"موضوع تحويل خطوط العربية إلى خطوط ويب دائمًا يثيرني لأنه يجمع بين الفن والحرفية التقنية.\u003Cbr\u003E\u003Cbr\u003Eأبدأ دائمًا بالتحقق من ترخيص الخط — هذا أهم شيء قبل أي تحويل. بعد ذلك أستخدم أدوات مثل 'fonttools' أو FontForge أو Glyphs لتصدير الملف بصيغة TTF أو OTF إذا لم تكن متوفرة، ثم أحولها إلى صيغ الويب الحديثة مثل WOFF2 و WOFF باستخدام ttf2woff2 أو خدمات مثل Font Squirrel أو Transfonter. خطوة مهمة أخرى هي التجزئة (subsetting): أحتفظ بمجموعة الحروف العربية والرموز الضرورية فقط لتقليص الحجم بشكل كبير، ويمكنني استخدام pyftsubset لفعل ذلك.\u003Cbr\u003E\u003Cbr\u003Eأهتم أيضًا بخصائص OpenType الخاصة بالعربية—مثل جداول GSUB وGPOS التي تدعم الأشكال السياقية والربط بين الحروف وعلامات التشكيل؛ المتصفحات تعتمد على محرك التشكيل (مثل HarfBuzz) لكن يجب أن تتضمن الملفات الجداول اللازمة. أخيرًا أضع @font-face في CSS مع ترتيب الصيغ (WOFF2 أولاً)، أستخدم font-display: swap أو optional، وأضيف fallback مناسب ونطاق unicode-range إن لزم لتقليل التحميل. هذه سلسلة خطوات عملية تجعل الخط العربي يعمل بشكل صحيح وسريع على الويب، ومع قليل من التجارب والاختبار تحصل على نتيجة نظيفة وموثوقة.","ctime":"2026-04-08 03:42:03","utime":"2026-07-13 14:50:15","answerCredibilityTags":"قارئ نهم","userOccupationLabel":"طباخ","hitQATagObj":{"sah":[{"k":"الخط العربي","kf":"الخط-العربي","l":"ar"}]},"praiseCount":3,"stepOnCount":0,"favoriteBookName":"احببت مدمناً ","favoriteBookResourceUrl":"احببت-مدمناً_31001377614"},{"id":8067452,"questionId":2530360,"userName":"Thomas","userAvatar":"https:\u002F\u002Facf.goodnovel.com\u002Fseo\u002Fvirtual_user\u002Farab\u002F4fc51adc595f692830713dabcbb40bcdc35b2e31f506bb53d2d1b38afd0cdffc21dd2027c8db8bc141587394ec5c90ee.png?v=1&p=1","content":"أحب تبسيط العملية إلى خطوات قصيرة قابلة للتنفيذ: أولًا تأكد من الترخيص، ثانيًا قم بعمل subset للحروف العربية التي تحتاجها، ثالثًا حوّل الملفات إلى WOFF2 ثم WOFF ثم احتفظ بنسخة TTF احتياطية. أثناء التحويل استخدم ttfautohint لتحسين العرض على الشاشات الصغيرة، وراجع جداول OpenType لأنّ العربية تحتاج إلى دعم 'init' و'medi' و'fina' و'mark' لضمان تشكيل صحيح وتوصيل الحروف.\u003Cbr\u003E\u003Cbr\u003Eعلى مستوى النشر أستخدم @font-face في CSS مع src مرتبة بحيث يبدأ بـ WOFF2 ثم WOFF ثم TTF، وأضيف font-display: swap وأستخدم preload في الهيدر للخطوط الأساسية. لا تنس إعداد رؤوس CORS الصحيحة على الخادم إذا استضيفت الخطوط عبر CDN. أختم عادةً بفحص الأداء في Lighthouse والتأكد من أن الخط لم يؤثر سلبًا على الوقت حتى يصبح المحتوى مقروءًا، لأن تجربة المستخدم أهم من مجرد جمال الخط.","ctime":"2026-04-09 05:14:44","utime":"2026-07-13 14:50:15","answerCredibilityTags":"مساهم","userOccupationLabel":"أمين مكتبة","hitQATagObj":{"sah":[{"k":"حروف العلة","kf":"حروف-العلة","l":"ar"}]},"praiseCount":25,"stepOnCount":0,"favoriteBookName":"هي كالمجرة، كلاهما يتلألأ","favoriteBookResourceUrl":"هي-كالمجرة،-كلاهما-يتلألأ_31001534125"},{"id":8067454,"questionId":2530360,"userName":"Jasmine","userAvatar":"https:\u002F\u002Facf.goodnovel.com\u002Fseo\u002Fvirtual_user\u002Farab\u002F5318f003a859f9ad1456e20636279533dc440845b83501efefa52c132076612ba629c3025fc70b79edaffe82dd8de1dc.png?v=1&p=1","content":"هذا الدليل المختصر يحمل قائمة تحقق سريعة لكل من يريد تحويل خط عربي للويب: تحقق من الترخيص أولًا، ثم استخدم أدوات مثل FontForge أو fonttools أو Transfonter لتحويل TTF\u002FOTF إلى WOFF2 وWOFF، واعمل subsetting للحروف العربية فقط باستخدام pyftsubset لتقليل الحجم. لا تهمل ttfautohint للتحسينات المرئية، وتأكد من احتواء الملف على جداول GSUB\u002FGPOS الداعمة للأشكال السياقية والعلامات.\u003Cbr\u003E\u003Cbr\u003Eفي CSS استخدم @font-face بترتيب الصيغ الصحيح، أضف font-display: swap أو optional، وحمّل الخطوط الأساسية عبر preload. وأخيرًا اختبر العرض والسرعة على متصفحات وأنظمة مختلفة مع وجود fallback ملائم وخطوط نظام بديلة لضمان قراءة فورية وتجربة مستخدم سلسة — هذا ما أركز عليه دائمًا قبل إطلاق أي موقع.","ctime":"2026-04-10 15:43:16","utime":"2026-07-13 14:50:15","answerCredibilityTags":"قارئ شغوف","userOccupationLabel":"مترجم","hitQATagObj":{},"praiseCount":22,"stepOnCount":0,"favoriteBookName":"غبار المرايا ","favoriteBookResourceUrl":"غبار-المرايا_31001401696"}],"viewCountDisplay":"277","followCountDisplay":"22"},"relatedQuestion":[{"id":2528707,"question":"كيف يستطيع المطوّر تحويل تحميل الخط المغربي إلى خط ويب عبر CSS؟","keyword":"تحميل الخط المغربي","questionFormat":"كيف-يستطيع-المطوّر-تحويل-تحميل-الخط-المغربي-إلى-خط-ويب-عبر-css؟","publishTime":"2026-04-02 15:14:08","language":"ARAB","answerNum":3,"firstAnswer":"أحب أن أبدأ بفكرة بسيطة وواضحة: الخط المغربي المحمّل يمكن أن يتحول إلى خط ويب احترافي بخطوات تقنية ومنظمة، ولن تحتاج إلى سحر—فقط أدوات صحيحة واهتمام بالأداء والترخيص.\n\nأول شيء أفعله دائماً هو التحقق من الترخيص. إذا كان الخط يسمح بالتحويل إلى ويب أو بإعادة التوزيع، أواصل؛ وإلا فأتجنب المشاكل القانونية. بعد ذلك أحوّل الملف الأصلي (.ttf أو .otf عادة) إلى صيغ ويب مناسبة: 'woff2' أولوية لأنها أصغر وأسرع، ثم 'woff' كبديل. أستخدم أدوات مثل 'fonttools' (pyftsubset) أو خدمات مثل Transfonter أو (woff2compress) لتحويل وضغط وتقطيع الخط حسب الحاجة.\n\nثم أعد ملف CSS أساسي باستخدام @font-face. على سبيل المثال:\n\n@font-face {\n font-family: 'AlMaghribi';\n src: url('\u002Ffonts\u002Falmagribi.woff2') format('woff2'),\n url('\u002Ffonts\u002Falmagribi.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\nأضيف preload في HTML لتحميل أسرع وتأكد من إعداد رؤوس السيرفر الصحيحة (CORS وcache-control). أيضاً أقوم بتقسيم الخط إذا كان حجمه كبيراً: أستخدم التقطيع بناءً على unicode-range أو أنشئ نسخاً فرعية تحتوي فقط على الحروف العربية المطلوبة لتقليل الحجم. أختم باختبار الأداء (Lighthouse) والتوافق في المتصفحات القديمة. في النهاية أفضّل طريقة 'font-display: swap' لتجنّب المحتوى غير المرئي أثناء تحميل الخط، ومع كل شيء مضبوط أحس بالرضا لأن الموقع صار أسرع ويظهر الخط المغربي كما ينبغي.","viewCount":203,"ctime":"2026-02-10 06:50:48","utime":"2026-04-13 06:20:29","viewCountDisplay":"203","followCountDisplay":"0"},{"id":2530200,"question":"كيف يحول المصمم انواع الخطوط العربية واشكالها إلى خطوط ويب؟","keyword":"انواع الخطوط العربية واشكالها","questionFormat":"كيف-يحول-المصمم-انواع-الخطوط-العربية-واشكالها-إلى-خطوط-ويب؟","publishTime":"2026-04-04 18:04:30","language":"ARAB","answerNum":2,"firstAnswer":"تحويل الخط العربي إلى خط ويب يشبه تحويل قصة مرسومة يدوياً إلى عرض سينمائي رقمي — يتطلب صبرًا على التفاصيل وفهمًا عميقًا لكيفية تشكيل الحروف مع السياق. أنا أحب الغوص في هذه الرحلة من الرسم إلى الكود: أول شيء أفعله هو تصميم الأحرف كمسارات في برنامج تحرير خطوط مثل 'FontForge' أو 'Glyphs' أو 'RoboFont'، مع التأكد من أن كل حرف موجود في حالاته المختلفة (منفصل، ابتدائي، وسطي، نهائي) لأن العربية ليست حروفًا قائمة بذاتها بل تتصل وتتحول بحسب السياق. أثناء التصميم أضع نقاط مرجعية (anchors) للعلامات التشكيلية وأحدد مجموعات علامات (mark classes) لكي تتعامل محركات الخطوط مع الحركات والدلائل بشكل صحيح.\n\nبعد التأكد من جودة الأشكال، أكتب قواعد OpenType في جدول GSUB\u002FGPOS أو أستخدم محرر الميزات لكتابة قواعد الاستبدال السياقي والربط والمواضعة؛ هذا يشمل ميزات 'init', 'medi', 'fina', و'liga' وغيرها مثل 'mark' و'mkmk' لمواضعة الحركات فوق وتحت الحروف. هذه القواعد هي التي تجعل الحرف يتصرف بشكل صحيح في النص العربي عند تشغيله من قبل محرك التشكيل (مثل HarfBuzz أو CoreText أو Uniscribe). أنصح بتسمية glyphs واتّباع ماب المعايير Unicode (تعيين الكودبوينت في جدول cmap) حتى لا تحدث أخطاء في التطابق بين الحرف والرمز.\n\nالخُطوة التالية تحول الملف إلى صيغة ويب: أصدّر ملف TTF\u002FOTF، أطبّق تنقيحًا (hinting) إن لزم والأفضل استخدام ttfautohint للنتيجة المقبولة، ثم أُحوّله إلى 'WOFF' و'WOFF2' باستخدام أدوات مثل fonttools أو sfnt2woff، وأقوم بعمل تقليص (subsetting) عبر pyftsubset لحذف glyphs غير الضرورية وتخفيض حجم الملف. أختم بكتابة @font-face في CSS مع خيارات مثل font-display: swap وunicode-range إن أردت تحميل أجزاء محددة فقط. لا تنسَ اختبار الخط مع نص عربي حقيقي عبر متصفحات وأنظمة تشغيل مختلفة لأن كل بيئة قد تستخدم محرك تشكيل مختلف؛ وأحيانًا تحتاج إلى إصلاح قواعد OpenType أو إعادة تسمية glyphs ليتوافق الأداء. بالنسبة لي، الشعور الذي ينتابني حين أرى نصًا عربيًا منسقًا بشكل جميل على صفحة ويب يستحق كل هذه الخطوات، خصوصًا عندما تعمل الحركات واللّيجات بانسجام وتصبح القراءة سهلة وجذابة.","viewCount":81,"ctime":"2026-02-10 06:50:56","utime":"2026-07-13 22:14:10","viewCountDisplay":"81","followCountDisplay":"0"},{"id":1943023,"question":"أي موقع يحول خط النسخ pdf إلى ملف فونت صالح؟","questionFormat":"أي-موقع-يحول-خط-النسخ-pdf-إلى-ملف-فونت-صالح؟","publishTime":"2026-02-26 09:04:39","language":"ARAB","answerNum":4,"firstAnswer":"جربت استخراج الخطوط من ملفات PDF عدة مرات وعادةً أنجح بأفضل النتائج عندما أدمج أدوات على الويب مع أدوات سطح المكتب.\n\nأول خطوة سهلة أنصح بها هي تجربة موقع extractpdf.com لأنه يتيح تنزيل الموارد المضمنة في الملف بما فيها الخطوط (إن كانت مضمّنة وغير مشفّرة). لو نجحت العملية ستحصل على ملفات تُشبه ttf\u002Fotf أو ملفات Type1، وهذه يمكن فتحها في برنامج مثل FontForge لتحويلها إلى خط صالح للاستخدام وتدقيق أسماء الجليفات وإصلاح أي مشاكل في الترميز.\n\nإذا واجهت خطًا «مجزَّئًا» (subset) أو محميًا فغالبًا ستحتاج لخطوات إضافية: استخدام mutool لاستخراج الموارد أو pdffonts للتعرّف على أسماء الخطوط أولًا ثم فتح الناتج في FontForge أو تحويله عبر أدوات مثل fonttools. ولا تنسَ أن تتحقق من ترخيص الخط قبل النشر — التجربة العملية علمتني أن الجانب القانوني مهم للغاية. في النهاية، مزيج الأدوات الأنسب غالبًا يعطيني أفضل نتيجة مع قليل من الصبر والتجريب.","viewCount":106,"ctime":"2026-01-27 06:33:18","utime":"2026-04-29 07:52:05","viewCountDisplay":"106","followCountDisplay":"0"},{"id":2533347,"question":"كيف يحول المبرمجون فونت عربي مزخرف إلى خط ويب؟","questionFormat":"كيف-يحول-المبرمجون-فونت-عربي-مزخرف-إلى-خط-ويب؟","publishTime":"2026-04-07 01:39:24","language":"ARAB","answerNum":4,"firstAnswer":"عملية تحويل خط عربي مزخرف إلى خط ويب يتطلب مزيجًا من الدقة الفنية وحسّ التقدير للجمال. أول خطوة أفعلها دائمًا هي التحقق من رخصة الخط — لو الرخصة لا تسمح بالتحويل أو بالاستضافة على الويب، أتركه فورًا لأن المشاكل القانونية ليست ممتعة.\n\nبعد التأكد من الرخصة، أفتح الملف الأصلي (TTF أو OTF أو حتى SVG) في محرر خطوط مثل FontForge أو أدوات احترافية أخرى، وأتفحص وجود ميزات OpenType المهمة لحروف العربية: 'init' و'medi' و'fina' و'isol'، بالإضافة إلى ميزات المواضع مثل 'mark' و'mkmk'. لو اختفت هذه الميزات أثناء التحويل فستفقد الحروف اتصالاتها وسينتج مظهر مفكوك. بعد التنظيف أعمل تقطيعًا لاختيار الحروف التي أريدها فقط (subsetting) لتقليل الحجم — خاصة إذا كان الخط مزخرف ويحتوي على مجموعات ضخمة من الرموز.\n\nالخلاصة التقنية: أحول إلى 'woff2' (ولاحقًا أُحَضِّر نسخة 'woff' كنسخة احتياطية) باستخدام أدوات مثل pyftsubset أو محولات موثوقة، أضيف @font-face في CSS مع font-display: swap، وأحمّل الملفات من سيرفر سريع أو CDN. ثم أجرب الخط عبر متصفحات ونُظم تشغيل مختلفة، وأتأكد من سلامة التشكيل والاتصالات. في النهاية أشعر برضا غريب عندما تتحول زخرفة معقّدة إلى صفحة ويب خفيفة وسلسة.","viewCount":23,"ctime":"2026-02-10 06:51:18","utime":"2026-04-16 06:21:39","viewCountDisplay":"23","followCountDisplay":"0"},{"id":1100637,"question":"هل يستطيع المصمم تحويل الخط العربي إلى خط ويب متوافق؟","questionFormat":"هل-يستطيع-المصمم-تحويل-الخط-العربي-إلى-خط-ويب-متوافق؟","publishTime":"2025-12-05 18:32:13","language":"ARAB","answerNum":3,"firstAnswer":"أعشق ملاحظة تفاصيل الحروف حين تتحول من ورق إلى شاشة؛ العملية ممكنة لكن لها جوانب فنية وقانونية يجب ملامستها. \n\nأول شيء يجب أن أعرفه هو أن الخط العربي ليس مجرد أشكال ثابتة؛ الحروف تتغير بحسب مواضعها والسياق اللغوي (أوله، وسطه، آخره، ومنفصلة) وهناك علامات تشكيل ومواضع اتصال تجعل من تحويل الخط لمهمة تتطلب فهم القواعد. لذلك، المصمم يحتاج للتأكد من أن الخط الأصلي يدعم ميزات OpenType الأساسية مثل GSUB وGPOS التي تتولى تبديل الأشكال وربط الحروف وتوزيع العلامات. تحويل ملف مُصمم (مثل OTF أو TTF) إلى صيغ ويب مثل WOFF وWOFF2 أمر تقني بسيط نسبياً، لكن الحفاظ على نفس الجودة يتطلب ضبط الـ hinting والـ metrics وإجراء اختبارات عبر المتصفحات.\n\nجانب آخر لا يقل أهمية هو الترخيص: بعض الخطوط لا تسمح بالاستضافة على الويب أو تتطلب ترخيصاً منفصلاً. كما أن تحسين الأداء أساسي—تقسيم الخط إلى مجموعات أحرف (subsetting) باستخدام أدوات مثل fontTools\u002Fpyftsubset يقلل الحجم كثيراً، واستخدام WOFF2 يمنح أفضل ضغط. لا أنسى أن أعيد اختبار الشكليات على متصفحات وأنظمة تشغيل متعددة لأن محركات التشكيل مثل HarfBuzz في بعض البيئات قد تتعامل بشكل مختلف مع الـ OpenType. في النهاية، نعم، المصمم يستطيع تحويل الخط العربي إلى خط ويب متوافق، لكن الأفضل أن يجمع بين مهارات التصميم، التقنيات اليدوية، والاهتمام بالترخيص وتجربة المستخدم — وهنا تكمن المتعة الحقيقية عند رؤية الحروف تتنفس على الشاشة كما فعلت على الورق.","viewCount":275,"ctime":"2025-12-09 06:20:11","utime":"2026-04-17 04:43:30","viewCountDisplay":"275","followCountDisplay":"0"},{"id":2516159,"question":"ما البرامج التي يحول بها المصممون خط عربي مزخرف إلى ويب فونت؟","keyword":"خط عربي مزخرف","questionFormat":"ما-البرامج-التي-يحول-بها-المصممون-خط-عربي-مزخرف-إلى-ويب-فونت؟","publishTime":"2026-03-22 16:25:17","language":"ARAB","answerNum":4,"firstAnswer":"ما يعجبني في شغل الخط العربي المزخرف أنه يجمع بين روح الحرف وتقنية الويب، ولها مسارات أدوات محددة تقدر توصل العمل لشكل ويب فونت عملي وجميل.\n\nأبدأ عادةً برسم الحروف وإخراجها في محرر فيكتور مثل 'Adobe Illustrator' أو 'Inkscape' لأن فيه مرونة لتشكيل المسارات والزخارف. بعد ما تتأكد من الشكل العام، أنقل المسارات إلى برنامج تصميم الخطوط: المفضّل عندي هو 'Glyphs' على ماك لأنه يتعامل ممتازًا مع ميزات OpenType الآلية للعربية (مثل الحالات الابتدائية والوسطية والنهائية والعزلات) ويصدر OTF نظيف. بديل احترافي قوي هو 'FontLab'، أما الحل المجاني فهما 'FontForge' و'BirdFont'.\n\nلتحويل الخط إلى صيغ ويب (WOFF\u002FWOFF2) أستخدم أدوات مثل 'fonttools' (بايثون) لعمل subsetting و'woff2' لضغط الملفات، أو أحيانًا مواقع مثل 'Transfonter' أو 'Font Squirrel' لتحويل سريع. ولا أنسى اختبار الشيبينغ بالـ HarfBuzz أو عن طريق المتصفحات نفسها، ثم إعداد @font-face في CSS مع تفعيل خصائص OpenType المهمة للعربية مثل 'init' و 'medi' و 'fina' و 'isol' و 'mark'. العملية قد تبدو طويلة لكن النتيجة—خط عربي مزخرف يعمل بسلاسة على الويب—تستحق التعب.","viewCount":140,"ctime":"2026-02-10 06:30:30","utime":"2026-07-22 12:05:06","viewCountDisplay":"140","followCountDisplay":"0"},{"id":1958022,"question":"كيف يحوّل المطور الخط العربي المزخرف إلى SVG؟","keyword":"الخط العربي المزخرف","questionFormat":"كيف-يحوّل-المطور-الخط-العربي-المزخرف-إلى-svg؟","publishTime":"2026-03-12 01:39:16","language":"ARAB","answerNum":4,"firstAnswer":"عندما أتعامل مع قطعة خط عربي مزخرفة، أبدأ دائمًا بفكرة أنني أترجم حركة الريشة إلى منحنيات قابلة للقياس.\n\nأول خطوة عملية هي التقاط العمل بدقة — مسح ضوئي أو تصوير جيد الإضاءة — ثم أُدخل الصورة في برامج مثل 'Inkscape' أو 'Adobe Illustrator' وأستخدم خاصية تتبع البت ماب (Trace Bitmap \u002F Image Trace) لاستخراج منحنيات أولية. بعد ذلك أقوم بتنظيف العقد والنقاط الزائدة يدوياً، وتحويل كل خط إلى مسارات بيزييه (cubic Bézier) واضحة. إذا كان التصميم قائمًا على الخطاط، أحرص على فصل الحركات الأساسية عن الحركات الزخرفية والنقط والحركات، لأن التعامل مع كل عنصر على حدة يسهل لاحقًا ضبط الأمور التقنية.\n\nالمرحلة التالية تتعلق بالشكل العربي نفسه: لأن الحروف تتغير مواضعها حسب الجوار، فأنا أقرر ما إذا كنت سأبقي النص كمسارات ثابتة في SVG (مناسب لعناصر زخرفية ثابتة) أو أصنع خطاً قابلاً للاستخدام (تصدير كـ OTF\u002FTTF ثم استخدام أدوات لتحويل الخط إلى SVG أو استخراج المسارات عبر مكتبات مثل 'opentype.js'). عند صنع خط فعلي أعمل تعويضات للربط والتشكيل باستخدام قواعد GSUB\u002FGPOS أو أستخدم محرك تشكيل مثل HarfBuzz لتوليد الأشكال الصحيحة قبل تحويلها إلى مسارات.\n\nأخيرًا، أحرص على تحسين ملف الـ SVG: تبسيط المسارات لتقليل عدد العقد، استخدام viewBox مناسب، ضبط preserveAspectRatio، واختبار التدرجات والأقنعة إن وُجدت. أستعمل أدوات مثل SVGO لضغط الملف، وأضيف وسم \u003Ctitle\u003E و\u003Cdesc\u003E للوضوح. النتيجة تكون نفس الزخرفة مرسومة بدقة رقمية وقابلة للتكبير دون فقدان الجودة، وتستحضر روح الريشة مع بنية رقمية نظيفة — وهذا دائماً يشعرني بالرضا.","viewCount":266,"ctime":"2026-01-27 06:34:52","utime":"2026-07-13 21:26:26","viewCountDisplay":"266","followCountDisplay":"0"},{"id":1943011,"question":"لماذا يفضّل المطور استخدام خط عربى متوافق مع الويب؟","keyword":"خط عربى","questionFormat":"لماذا-يفضّل-المطور-استخدام-خط-عربى-متوافق-مع-الويب؟","publishTime":"2026-02-26 07:07:49","language":"ARAB","answerNum":4,"firstAnswer":"هناك سبب عملي وتقني وخدمي يجعلني أصرّ على اختيار خط عربي متوافق مع الويب: الثبات عبر الأجهزة والمتصفحات. أُقدّر أن نص الموقع يظل كما خططتُ له — نفس ارتفاع السطور، نفس اتجاه الحروف، ونفس توازن المسافات بين الكلمات — لأن الاختلاف في قياسات الخط يمكن أن يكسر واجهة المستخدم ويحوّل تصميم أنيق إلى فوضى مرئية.\n\nأجد أن الخطوط المصممة للويب تحتوي على جداول OpenType مُجهزة جيدًا للغة العربية (مثل دعم 'mark' و 'mkmk' وميزات الربط واللِّحام)، وهذا يعني أن الحروف تتصل وتتحول بشكل صحيح عند عرضها على متصفحات مختلفة. النتيجة؟ نص واضح، تشكيلات صحيحة، ومظهر احترافي دون الحاجة لتصحيحات CSS معقدة.\n\nثمة عامل اختباري لا يقلّ أهمية: الأداء والترخيص. خطوط الويب تأتي عادةً بصيغ مضغوطة مثل WOFF2 وتُحمّل عبر CDN أو تُخزّن مؤقتًا، ما يقلل زمن التحميل ويمنع تقلبات العرض. كما أن تراخيصها تكون واضحة للعمل عبر الشبكة، فأشعر براحة أكبر من ناحية قانونية وتقنية عندما أستخدمها بدلاً من رفع خط غير مناسب قد يسبب مشاكل لاحقًا.","viewCount":116,"ctime":"2026-01-27 06:33:17","utime":"2026-06-28 05:23:25","viewCountDisplay":"116","followCountDisplay":"0"},{"id":2530362,"question":"ما إعدادات CSS التي يفضّل المطوّرون لعرض arab font بسرعة؟","questionFormat":"ما-إعدادات-css-التي-يفضّل-المطوّرون-لعرض-arab-font-بسرعة؟","publishTime":"2026-04-04 01:00:46","language":"ARAB","answerNum":4,"firstAnswer":"اشتغلت على واجهات عربية تحتاج تحميل خطوط سريع وتجربة سلسة، وتعلمت أن التفاصيل الصغيرة تصنع فرقاً كبيراً.\n\nأهم شيء أستخدمه دائماً هو @font-face مع صيغة WOFF2 لأنّها أصغر بكثير وتدعّم ضغطاً أفضل. أضع 'local' أولاً داخل @font-face كي يستفيد المتصفح من الخط المثبت محلياً عندما يكون موجوداً، ثم أتبعه بملف WOFF2 مخفّض، ومع خاصية font-display أفضّل 'swap' لتجنّب ظاهرة FOIT (فترة انتظار الخط). مثال بسيط: \n\n@font-face{font-family:'MyArabic';src:local('MyArabic'),url('\u002Ffonts\u002Fmyarabic.woff2') format('woff2');unicode-range:0x0600-0x06FF;font-display:swap}\n\nأيضاً أقسم الخطوط حسب نطاق اليونيكود (unicode-range) لأقدّم فقط الحروف العربية عند الحاجة، فهذا يقلّل حجم النطاق الذي يُحمّل. ولا أنسى preload لملفات الخط الأساسية مع crossorigin إذا كانت مستضافة على CDN، وأضع fallback stack متقاربة في القياسات لتجنّب تغيير التخطيط، وهكذا تظل الصفحة سريعة والقراءة مريحة.","viewCount":243,"ctime":"2026-02-10 06:50:59","utime":"2026-04-13 06:20:28","viewCountDisplay":"243","followCountDisplay":"0"},{"id":2532912,"question":"هل المطورون يجربون خط مزخرف عربي لتحسين واجهة المواقع؟","questionFormat":"هل-المطورون-يجربون-خط-مزخرف-عربي-لتحسين-واجهة-المواقع؟","publishTime":"2026-04-07 19:49:56","language":"ARAB","answerNum":3,"firstAnswer":"كانت لدي تجربة ممتعة قبل أشهر حين جرب فريقنا خطًا عربيًا زخرفيًا للهيدر على موقع تجاري، والنتيجة كانت مزيجًا من الإعجاب والدهشة العملية.\n\nبدأت الفكرة لأن العميل أراد «هوية مرئية عربية» أكثر دفئًا وجاذبية، فاخترنا أن نستخدم خطًا عرضيًا لعنوان الصفحة مع خط أبسط للنص الرئيسي. ما أدركته سريعًا هو أن الزخرفة تعمل بشكل رائع كعنصر بصري لجذب الانتباه، لكنها تفقد جاذبيتها عندما تُستخدم للنصوص الطويلة أو في أحجام صغيرة. لذلك نصحت باستخدام الخط الزخرفي للعناوين والشعارات فقط، مع مراعاة مسافات الأسطر وحجم الخط لتجنب التصاق الحروف.\n\nعلى الجانب التقني، واجهتنا قضايا تحميل الخطوط (القواعد: استخدم WOFF2 وfont-display: swap)، وكذلك اختلافات المحرك في عرض الحروف العربية بين المتصفحات وأنظمة التشغيل—ما يظهر ممتازًا على سطح المكتب قد يبدو مختلفًا على iOS أو أندرويد بسبب طرق تشكيل الحروف. لذلك قمنا بعمل اختبارات A\u002FB لقياس سرعة القراءة ومعدلات التحويل، واحتفظنا بنسخة احتياطية من النظام (system fonts) كخيار تلقائي.\n\nالخلاصة العملية: نعم، المطورون يجربون الخطوط الزخرفية العربية بكثرة، لكن الأفضلية دائماً للتوازن بين الجمالية والقراءة. أعتبر أن هذه التجارب مفيدة إذا رافقتها اختبارات ومراعاة لحقوق الترخيص وأداء الموقع.","viewCount":195,"ctime":"2026-02-10 06:51:14","utime":"2026-04-16 06:20:47","viewCountDisplay":"195","followCountDisplay":"0"}],"relatedKeywordList":[],"relatedBooks":[{"bookName":"العاصي","pseudonym":"Mayadh Maamon ","cover":"https:\u002F\u002Facf.goodnovel.com\u002Fbook\u002F202606\u002F68163e6ded44483870f85b1885c9773d5745e157cf717f31e57dc991bdc1be6b.jpg?v=1&p=1","ratings":10,"introduction":"\r\nانتي ايه ماسألتيش نفسك ايه اللي ممكن يكون حصل امبارح خلانا نعمل كده للدرجه دي شايفني طمعان في سعادتك\r\n\r\nغمزه:والله بص لنفسك نايم جانبي اذي وانت تعرف طمعان ولا لاء ليه تجبرني اني اوافق علي الوضع ده حتي لو مامي موافقه انا بقي لاءه مش موافقه\r\n\r\nعاصي:انشالله ما وافقتي ومن هنا ورايح انتي مش هاتخرجي من هنا ودي هاتبقي شقتك وده هايبقي سريري انا وانتي برضاكي او غصب عنك وانا جوزك وليا عليكي حقوق انتي فاهمه ردي عليا فاهمه\r\n\r\nلم ترد عليه واستسلمت عبراتها للنزول علي وجنتها فاتركها هو واتجه الي خزانته ليغير ملابسه التي كانت عباره عن بنطاله الذي نام به بجانبها فقط اخرج تيشرت ابيض وبنطلون چينز والقاهم علي الفراش وبدء في شلح بنطاله امامها \r\n\r\nاندهشت هي مما يفعله والتفتت للجهه الاخري معطيه له ظهرها واضعه يدها علي عينها ابتسم هو وهتف بمكر\r\n\r\nعاصي:بتخبي وشك ليه مش شوفتيني قالع كده في الحلم\r\n\r\nالتفت له بكل غضب وصرخت: انت قليل الادب \r\n\r\nتفاجيء هو من ردها ولكنه تذكرالعقاب القي بالتيشرت علي الفراش مره ثانيه وهتف\r\n\r\nعاصي: حاضر يا حبيبتي انتي تأمري بدء يقترب منها وهي ترجع الي الخلف لم تفهم عليه في الاول ولكنها تذكرت هذا العقاب \r\n\r\nارتطم ظهرها بالحائط ووضع هو يداه علي جانبيها فقط ينظر اليهاوهي تنظر الي الاسفل وتفرك يدها في بعضهم امسك بيده ذقنها وهتف\r\n\r\nعاصي:شكلك وحشك عقابي وبدء يغرز يده في خصلاتها \r\n\r\nويلتصق بها اكثر واكثر وباليد الاخري يجذبها اليه بقوه \r\n\r\nووبدء يقبلها بقوه وبعنف ظلت هي تضرب بيدها علي صدره العاري \r\n\r\nامسكهم هو ولفهم حوله وظل ممسك بهم الي ان احس باستجابتها وهدوءها بين احضانه\r\n\r\nبدأت قبلته ترق ثم ترك ثغرها واتجه الي عينها وبدء يمسح عبراتها بشفاه الغليظه \r\n\r\nنزولا علي وجنتها ثم نزل علي عنقها وتاه في مشاعره هذه الي ان احست به وهو يسحب سحاب فستانها\r\n\r\nافاقت هي وتملصت منه وابتعدت من بين يديه من شدة خجلها وهتفت\r\n\r\n","chapterCount":195,"defaultChapterId":18688286,"defaultChapterName":"الفصل الأول","haveSplitBook":false,"seoBookName":"العاصي","read":false,"chapterResourceUrl":"الفصل-الأول_18688286","inLibrary":false,"bookResourceUrl":"العاصي_31001390462","viewCountDisplay":"7.1K","lastUpdateTimeDisplay":"Completed","joinBookCurKeywordDisplay":"0","bookId":"31001390462"},{"bookName":"بعد التحطّم","pseudonym":"آن سميث","cover":"https:\u002F\u002Facf.goodnovel.com\u002Fbook\u002F202602\u002F48e5a383a661270ffbf799f3e16c15deaabd8371c3803321e0ea00153599c42a.jpg?v=1&p=1","ratings":10,"introduction":"أحتاج إلى مساعدتك لتزييف حادث تحطّم طائرة خاصة، قلتُ بهدوء.\nإنها الطريقة الوحيدة التي أستطيع بها أن أغادر لوكا موريتّي إلى الأبد.\nقال الناس إنه تخلى عن عرش المافيا من أجلي.\nوأطلقوا عليه لقب الرجل الذي استبدل السلطة بالحب—\nالوارث الذي ابتعد عن الدم والذهب فقط ليتزوج نادلة من أحياء الفقراء.\nلسنوات، جعل العالم يؤمن بنا.\nبنى إمبراطوريات باسمي.\nأرسل لي الورود كل يوم اثنين.\nوأخبر الصحافة أنني خلاصه.\nلكن الحب لا يعني دائمًا الإخلاص.\nبينما كنتُ مشغولة بالإيمان بالأبدية،\nكان هو يبني بيتًا ثانيًا خلف ظهري—\nبيتًا مليئًا بالضحكات، والألعاب،\nوتوأمين يحملان عينيه.\nفي الليلة التي اختفيتُ فيها، احترقت إمبراطوريته.\nمزّق مدنًا، ورشى حكومات،\nودفن رجالًا أحياء فقط ليعثر عليّ.\nلكن حين فعل—\nكنتُ قد رحلت بالفعل.\nوالمرأة التي كان مستعدًا أن يموت من أجلها يومًا\nلم تعد تحبه بما يكفي لتبقى على قيد الحياة.","chapterCount":7,"defaultChapterId":16892526,"defaultChapterName":"الفصل 1","haveSplitBook":false,"seoBookName":"بعد التحطّم","read":false,"chapterResourceUrl":"الفصل-1_16892526","inLibrary":false,"bookResourceUrl":"بعد-التحطّم_31001276064","viewCountDisplay":"3.4K","lastUpdateTimeDisplay":"Completed","joinBookCurKeywordDisplay":"0","bookId":"31001276064"},{"bookName":"تخاريف ","pseudonym":"عبدالباسط محمد قندوزي ","cover":"https:\u002F\u002Facf.goodnovel.com\u002Fbook\u002F202605\u002F38f1ca869be392561b041ebfecb5fb58d6edbfa748128e3ceb3913fb67cde92e.jpg?v=1&p=1","ratings":0,"introduction":"رواية تخاريف هي حكاية رمزية أحداثها خيالية تحكي قصّة بطل سافر عبر الزمن ليخطّ تجربة فريدة من نوعها، عايشها الغريب بحضوره داخل أمكنة كثيرة ومع شخصيات مختلفة. يحادثها ويجادلها لعلّه يظفر بإجابة تريح باله، فقد تجده محاورا الإنسان المجنون، والعاقل، وأحيانا للحيوان وأحايين للجماد، ولشخصيات خيالية على هيئة هواتف. سافر فالتقى بذاته في أثواب شتّى. هدفه الوصول إلى ديار الغناء أين يقيم أبويه في رقدتهما الأخيرة ليرحل في محطات مضنية ومتعبة حتى يصل الجولة الأخيرة فيستفيق على وقع دبيب ضيف غريب معلوم ليجد نفسه في ذات المكان وفي زمن تزحزح قليلا ","chapterCount":22,"defaultChapterId":19044723,"defaultChapterName":"تخاريف الفصل 1","haveSplitBook":false,"seoBookName":"تخاريف ","read":false,"chapterResourceUrl":"تخاريف-الفصل-1_19044723","inLibrary":false,"bookResourceUrl":"تخاريف_31001410073","viewCountDisplay":"210","lastUpdateTimeDisplay":"Completed","joinBookCurKeywordDisplay":"0","bookId":"31001410073"},{"bookName":"محققتي الحسناء","pseudonym":"سمر رجب","cover":"https:\u002F\u002Facf.goodnovel.com\u002Fbook\u002F202606\u002Fb89662118b9cf62e6510e916b77c967d6e66d62fde964d971040195f75e43290.jpg?v=1&p=1","ratings":10,"introduction":"\r\n\"لو عرف الناس حقيقتك... هل ستستطيع العيش بعدها؟\"\r\nسؤال واحد كان كافيًا ليدمر حياة أكثر من شخص.\r\nضحية تلو الأخرى تنهي حياتها تاركة خلفها أسرارًا لم يكن يجب أن يكتشفها أحد.\r\nلا بصمات... لا أدلة... لا قاتل.\r\nفقط رسائل مجهولة تعرف أدق التفاصيل، وتدفع أصحابها إلى الوقوف على حافة الهاوية.\r\nوبينما يحاول الضابط قصي ومساعدته ديما كشف هوية صاحب تلك الرسائل، يكتشفان حقيقة أكثر رعبًا:\r\nالمجرم لا يقتل ضحاياه... بل يجعلهم يقتلون أنفسهم.\r\nلكن السؤال الأخطر:\r\nمن سيكون الضحية التالية؟\r\nأو لو عايزة حاجة أغمق وأفخم:\r\nبعض الجرائم لا تحتاج إلى سكين.\r\nيكفي أن يعرف أحدهم السر الخطأ.\r\nفي مدينة يختبئ أهلها خلف أقنعة من المثالية، يبدأ شخص مجهول بكشف أكثر الأسرار قذارة.\r\nلا يبتز.\r\nلا يطلب مالًا.\r\nلا يسعى للانتقام.\r\nكل ما يريده هو أن يواجه ضحاياه الحقيقة...\r\nثم يتركهم يقررون مصيرهم بأنفسهم.\r\nومع تزايد عدد المنتحرين، يجد قصي وديما نفسيهما في مواجهة خصم لا يشبه أي قاتل عرفاه من قبل.\r\nخصم يؤمن أن الموت ليس جريمة...\r\nبل حكم مستحق.\r\n","chapterCount":4,"defaultChapterId":19721360,"defaultChapterName":"الفصل الاول","haveSplitBook":false,"seoBookName":"محققتي الحسناء","read":false,"chapterResourceUrl":"الفصل-الاول_19721360","inLibrary":false,"bookResourceUrl":"محققتي-الحسناء_31001428826","viewCountDisplay":"167","lastUpdateTimeDisplay":"Completed","joinBookCurKeywordDisplay":"0","bookId":"31001428826"},{"bookName":"فن الخطايا","pseudonym":"Flimxy vic","cover":"https:\u002F\u002Facf.goodnovel.com\u002Fbook\u002F202606\u002F132a4e1065f97cea02c18c844b0d585fc07e43703b41be7f80285eddd678ddfd.jpg?v=1&p=1","ratings":10,"introduction":"تحذير: هذا هو \"فن الخطايا\".\r\nإذا كنت تبحث عن القبلات العذبة والمداعبة اللطيفة، أغلق هذا الكتاب فوراً. هذه الصفحات لا تهمس بالرغبة، بل تجرك من عنقك، تمزق ملابسك، وتنهش حواسك بعنف. توقع إباحية جامحة، قذرة، وبلا حدود: أب بالتبني يفرض سيطرته على صغيرته السرية، زعماء ألفا بلا رحمة يمارسون سطوتهم، رؤساء عصابات المافيا يحولون الديون إلى حفلات جنس جماعية لا تنتهي، أساتذة يعاقبون حيواناتهم الأليفة المحرمة، وكل خيال قذر ومهين لا يُفترض بك أن ترغب فيه.\r\nهذا هو الخطيئة كفن رفيع؛ قاسية، لا تعرف الهوادة، ومسببة للإدمان تماماً. للبالغين فقط . تقدم إن كنت تجرؤ على التعرض للدمار. \r\n","chapterCount":86,"defaultChapterId":43302394,"defaultChapterName":"الفصل الأول: أحلام اليقظة المحرمة لعضو الأخ غير الشقيق","haveSplitBook":false,"seoBookName":"فن الخطايا","read":false,"chapterResourceUrl":"الفصل-الأول-أحلام-اليقظة-المحرمة-لعضو-الأخ-غير-الشقيق_43302394","inLibrary":false,"bookResourceUrl":"فن-الخطايا_31001466651","viewCountDisplay":"15.7K","lastUpdateTimeDisplay":"Completed","joinBookCurKeywordDisplay":"0","bookId":"31001466651"},{"bookName":"تمن الفضول","pseudonym":"علاء عادل ","cover":"https:\u002F\u002Facf.goodnovel.com\u002Fbook\u002F202605\u002F57a729a74ebff88d6262eae52259add8988c01080168482623bb5923f466f4a3.jpg?v=1&p=1","ratings":10,"introduction":"رواية: ثمن الفضول\r\n\r\nبقلم: علاء عادل\r\n\r\n\"هناك أبوابٌ أُغلقت لسببٍ ما.. وإذا أغراكَ المجهولُ لفتحها، فلن تدفع الثمن من مالك، بل ستدفعه من عمرك.. ومن دماء ناسك.\"\r\n\r\n\r\nشلة أصحاب.. ضحك.. هِزار.. وشغف طفولي قادهم لتجربة مغامرة مجنونة لاستكشاف \"مغارة شكير\" الملعونة. لم يكن أحد منهم يتخيل أن خطوة واحدة داخل بطن الأرض كفيلة بأن تمحو وجودهم من الدنيا لعشرين سنة كاملة! عشرون عاماً قضوها كجثث متحركة في سرداب بلا زمن، بينما في الخارج، كان الآباء والأمهات يموتون حَسرةً وقهراً على اختفاء فلذات أكبادهم.\r\n\r\nوعندما انكسر رتم المخطوطة القديمة، وعاد من عاد.. لم تكن العودة نجاة، بل كانت بداية الجحيم الأكبر!\r\n\r\nخالد: الذي فتح الرمز أول مرة، وعقله الآن يتأكل داخل جدران المصحة بفعل فحيح الجن الذي يخبره أن أهله بانتظاره في بطن الأرض.\r\n\r\nكريم: الذي عاد ليجد نفسه وحيداً، شبه ميت وسط تراب شقته، محاصراً بين ذنب عائلته التي رحلت، ووهم حب طفولته الذي ذبحه من الوريد للوريد.\r\n\r\nمريم: التي أفاقت من أنانيتها متأخرة، لتبدأ رحلة غفران مكسورة، مستعدة فيها أن تكون جارية تحت قدمي كريم لتداوي جروحاً صنعتها بيديها.\r\n\r\nبين المخطوطة الملعونة التي تصرخ حين تحترق، والكيانات التي تطالب بإغلاق الدائرة، يجد كريم ومريم أنفسهما في مواجهة الموت والندم.","chapterCount":6,"defaultChapterId":19162376,"defaultChapterName":"الفصل الأول: هدوء ما قبل العاصفة","haveSplitBook":false,"seoBookName":"تمن الفضول","read":false,"chapterResourceUrl":"الفصل-الأول-هدوء-ما-قبل-العاصفة_19162376","inLibrary":false,"bookResourceUrl":"تمن-الفضول_31001416408","viewCountDisplay":"554","lastUpdateTimeDisplay":"Completed","joinBookCurKeywordDisplay":"0","bookId":"31001416408"}],"recommendTag":[{"id":340991,"keyword":"مخترع الطباعة","keywordFormat":"مخترع-الطباعة","language":"ARAB"},{"id":345265,"keyword":"صلاح عيسى","keywordFormat":"صلاح-عيسى","language":"ARAB"},{"id":345218,"keyword":"وصايا الامام علي","keywordFormat":"وصايا-الامام-علي","language":"ARAB"},{"id":340993,"keyword":"مصحف ابن كثير","keywordFormat":"مصحف-ابن-كثير","language":"ARAB"},{"id":345248,"keyword":"السيد محمد باقر الحكيم","keywordFormat":"السيد-محمد-باقر-الحكيم","language":"ARAB"},{"id":343004,"keyword":"الوشاح في فوائد النكاح","keywordFormat":"الوشاح-في-فوائد-النكاح","language":"ARAB"},{"id":345155,"keyword":"دكتور احمد غلوش","keywordFormat":"دكتور-احمد-غلوش","language":"ARAB"},{"id":345304,"keyword":"حياة النبي محمد","keywordFormat":"حياة-النبي-محمد","language":"ARAB"},{"id":345163,"keyword":"محمد عبد الله دراز","keywordFormat":"محمد-عبد-الله-دراز","language":"ARAB"},{"id":343103,"keyword":"شعراء العراق","keywordFormat":"شعراء-العراق","language":"ARAB"},{"id":178228,"keyword":"نوره بالانجليزي","keywordFormat":"نوره-بالانجليزي","language":"ARAB"},{"id":340965,"keyword":"تحميل مصحف ورش","keywordFormat":"تحميل-مصحف-ورش","language":"ARAB"},{"id":343033,"keyword":"المؤاخاة بين المهاجرين والانصار","keywordFormat":"المؤاخاة-بين-المهاجرين-والانصار","language":"ARAB"},{"id":345149,"keyword":"القرآن الكريم مكتوب برواية ورش بالخط المغربي","keywordFormat":"القرآن-الكريم-مكتوب-برواية-ورش-بالخط-المغربي","language":"ARAB"},{"id":89883,"keyword":"فضل الاستغفار","keywordFormat":"فضل-الاستغفار","language":"ARAB"},{"id":340960,"keyword":"وصية الامام علي لابنه الحسن","keywordFormat":"وصية-الامام-علي-لابنه-الحسن","language":"ARAB"},{"id":341002,"keyword":"حسن الجندى","keywordFormat":"حسن-الجندى","language":"ARAB"},{"id":340976,"keyword":"السيد محمد باقر السيستاني","keywordFormat":"السيد-محمد-باقر-السيستاني","language":"ARAB"},{"id":345232,"keyword":"مهند الفيصل","keywordFormat":"مهند-الفيصل","language":"ARAB"},{"id":343011,"keyword":"كتاب فقه المرأة المسلمة","keywordFormat":"كتاب-فقه-المرأة-المسلمة","language":"ARAB"},{"id":345212,"keyword":"مزامير داوود","keywordFormat":"مزامير-داوود","language":"ARAB"},{"id":343063,"keyword":"شرح منهاج الصالحين للسيد السيستاني Pdf","keywordFormat":"شرح-منهاج-الصالحين-للسيد-السيستاني-pdf","language":"ARAB"},{"id":345273,"keyword":"عبدالعزيز الطريفي","keywordFormat":"عبدالعزيز-الطريفي","language":"ARAB"},{"id":178343,"keyword":"اريل","keywordFormat":"اريل","language":"ARAB"},{"id":343062,"keyword":"التصوير الفني في القرآن","keywordFormat":"التصوير-الفني-في-القرآن","language":"ARAB"},{"id":343094,"keyword":"الدكتور خليل حسن خليل","keywordFormat":"الدكتور-خليل-حسن-خليل","language":"ARAB"},{"id":343134,"keyword":"اسماء الأمام علي","keywordFormat":"اسماء-الأمام-علي","language":"ARAB"},{"id":343047,"keyword":"حكم دهن الشعر بالزيت في رمضان عند المالكية","keywordFormat":"حكم-دهن-الشعر-بالزيت-في-رمضان-عند-المالكية","language":"ARAB"},{"id":345289,"keyword":"ابو لولو","keywordFormat":"ابو-لولو","language":"ARAB"},{"id":176997,"keyword":"سنن الصلاة","keywordFormat":"سنن-الصلاة","language":"ARAB"}],"relatedQATag":[{"keyword":"فونت عربى","keywordFormat":"فونت-عربى","language":"ARAB"},{"keyword":"فونت عربي","keywordFormat":"فونت-عربي","language":"ARAB"},{"keyword":"فونت عربي مزخرف","keywordFormat":"فونت-عربي-مزخرف","language":"ARAB"},{"keyword":"فونت عربی","keywordFormat":"فونت-عربی","language":"ARAB"},{"keyword":"Arab Font","keywordFormat":"arab-font","language":"ARAB"},{"keyword":"الخطوط العربية للكتابة","keywordFormat":"الخطوط-العربية-للكتابة","language":"ARAB"},{"keyword":"عرب فونت","keywordFormat":"عرب-فونت","language":"ARAB"},{"keyword":"خط العربية","keywordFormat":"خط-العربية","language":"ARAB"},{"keyword":"خط عربي مزخرف","keywordFormat":"خط-عربي-مزخرف","language":"ARAB"},{"keyword":"الخط العربي المزخرف","keywordFormat":"الخط-العربي-المزخرف","language":"ARAB"}],"dramaPlotAds":[{"id":257,"language":"ARAB","firstCategoryId":291,"secondCategoryId":302,"coverImg":"https:\u002F\u002Facf.goodnovel.com\u002Fres\u002Fseo\u002FplotAd\u002F202607\u002F13323d262b802f6f43b8dfe0947d2931544ea7928956e1fd4d10cd72259b8818.png?v=1&p=1","title":"ابنتي غير الشرعية الممنوعة: تهمس \"بابا\" بينما صديقها يسمع","plotDetail":"بعد الاستحمام، ارتدت فيفي قميص نوم حريريًا رقيقًا لا يكاد يصل إلى أعلى فخذيها. القماش الناعم الرقيق التصق ببشرتها الرطبة لا يزال، محددًا انتفاخ صدرها الناعم ومنحنى وركيها الطري.\n\n\n\nسارة حافية القدمين إلى غرفة المعيشة المضاءة بإضاءة خافتة، تبحث عن شاحن هاتفها. وعندما انحنت فوق طاولة القهوة، ارتفع طرف القميص القصير بشكل خطير. للحظة مؤلمة، انكشفت تمامًا بشرة مؤخرتها البيضاء الناعمة المستديرة، مع الوادي الظليل الحميم بين فخذيها — بدون أي ملابس داخلية تحمي منطقتها الأكثر خصوصية من الأنظار.\n\n\n\nجلس ماركوس متجمدًا على الأريكة، وكان وهج التلفاز يتراقص على وجهه المتوتر. اشتدت حلقه.\n\n\n\n“هذا خطأ”، قال لنفسه، بينما كانت عيناه تتتبع كل سنتيمتر ممنوع من بشرتها المكشوفة.\n\n\n\nكانت ابنة زوجته. لقد رباها وحماها. ومع ذلك، ها هي تقدم له، ببراءة، لمحة عن شيء نقي ومغري إلى درجة أن موجة حرارة داكنة اجتاحت جسده مباشرة.\n\n\n\nانتزعت الشعور بالذنب صدره، لكن الرغبة أحرقت أقوى، محيية ذكريات حاول دفنها لسنوات طويلة.\n\n\n\nأطبق أصابعه على مسند الأريكة حتى ابيضت مفاصله. لماذا كان عليها أن تكون جميلة إلى هذا الحد، مغرية دون أن تدري؟ مزقته الصراع الداخلي — جزء منه أراد أن يحول نظره بعيدًا، أن يكون الشخصية الأبوية المحترمة التي ينبغي أن يكونها، بينما جزء أعمق يتألم لرغبة في مد يده والاستيلاء على ما يعلم أنه لا يمكنه أبدًا امتلاكه.\n\n\n\nاستقامت فيفي بلا مبالاة، كأنها غير مدركة للعاصفة التي أطلقتها، واتجهت عائدة نحو غرفتها ووركاها تتمايلان بلطف.\n\n\n\nبقي ماركوس جالسًا طويلًا بعد اختفائها، قلبه يدق بقوة وجسده منتصب بألم.\n\n\n\nفي تلك الليلة، وحيدًا في فراشه، لم يستطع الهروب من تلك الصورة.\n\n\n\nتحركت يده ببطء تحت الملاءات وهو يعيد عيش كل تفصيل — نعومة بشرتها، الاحمرار الوردي الرقيق، الطريقة التي قبلت بها الإضاءة أكثر أماكنها سرية. كانت الخجل والشهوة يتصارعان بداخله مع كل حركة. همس باسمها في الظلام كصلاة ولعنة في الوقت نفسه، ممزقًا بين كره نفسه والحاجة الطاغية.\n\nجلبه الإنزال راحة مؤقتة فقط، تاركًا إياه أكثر تعذيبًا مما كان، مدركًا أنه على وشك عبور الخط الخطر.\n\n\n\nبعد بضع ليالٍ، تسللت أصوات خافتة عبر الجدار — أنين ناعمة متقطعة الأنفاس أصبحت أكثر إلحاحًا. كانت فيفي تتحدث في مكالمة متأخرة مع صديقها. تحول الحديث إلى أمر حميم، وكان صوتها يرتجف من اللذة.\n\n\n\n”نعم… هكذا…“ ألهثت. ثم، في أنين مكسور حطم كل ضبط النفس لدى ماركوس، نطقت بالكلمة: ”أبي... أرجوك...“\n\n\n\nأصاب الصوت ماركوس كالبرق. قلبه يدق بمزيج من الصدمة والغيرة والجوع الخام، دفع ماركوس باب غرفة نومها دون طرق.\n\n\n\nكانت فيفي مستلقية على السرير، قميص النوم مكومًا حول خصرها، يد واحدة لا تزال بين فخذيها المتباعدين. احمر وجها، وعيناها واسعتان من الدهشة عندما التقيا بنظره الحاد. تجمدت، غير قادرة على إخفاء الأدلة الواضحة على إثارتها — ارتجاف جسدها، واللمعان الخفيف على بشرتها.\n\n\n\nوقف ماركوس في المدخل، طويلًا ومتوترًا، يلهث. سنوات من الشوق المكبوت تحترق في عينيه.\n\n\n\n”صديقك لا يستطيع إشباعك، أليس كذلك؟“ قال بصوت منخفض وخشن يكاد لا يسيطر على رغبته. دخل الغرفة وأغلق الباب خلفه. ”دعي بابي يريك ما تحتاجينه حقًا.“","recommendBookId":"31001644249"}],"tagDetail":{"seoQATag":{},"relatedBookVos":[],"recommendQATag":[],"popularQuestion":[],"relatedQuestion":[],"relatedQATag":[],"dramaPlotAds":[]},"tagList":[],"tagListPages":0,"tagKeywords":[],"homeRecommendTag":{}},"compare":{"books":[]},"CommentManage":{"commentList":[],"total":0,"pageNo":1,"pageSize":20,"bookList":[],"unreadCount":0,"commentDetail":null,"replyList":[],"replyTotal":0},"route":{"name":"QaDetail","path":"\u002Fqa\u002Far\u002Fكيف-يحوّل-المطوّرون-arab-font-إلى-خط-ويب-صالح-للمواقع؟","hash":"","query":{},"params":{"questionFormat":"كيف-يحوّل-المطوّرون-arab-font-إلى-خط-ويب-صالح-للمواقع؟"},"fullPath":"\u002Fqa\u002Far\u002Fكيف-يحوّل-المطوّرون-arab-font-إلى-خط-ويب-صالح-للمواقع؟","meta":{},"from":{"name":null,"path":"\u002F","hash":"","query":{},"params":{},"fullPath":"\u002F","meta":{}}}};(function(){var s;(s=document.currentScript||document.scripts[document.scripts.length-1]).parentNode.removeChild(s);}());</script><script src="https://www.goodnovel.com/pcdist/manifest.24a911e9e007e0adf1fa.js" defer></script><script src="https://www.goodnovel.com/pcdist/vendor.344b389fee5f9e458bd2.js" defer></script><script src="https://www.goodnovel.com/pcdist/app.e721ba656dd92c3de42e.js" defer></script> </div> </body>  <script src="https://accounts.google.com/gsi/client" async defer></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-63M8B9SVWF"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-63M8B9SVWF'); </script> </html>