Css3 تصميم مواقع الانترنت المتميزة
  • اتصل مجانا
  • اتصل فايبر بشركة تو ام
  • اتصل بشركة تو ام
  • اتصل واتس اب بشركة تو ام
  • 00201004020192

قاعدة المعرفة تصميم مواقع

Css3 تصميم مواقع الانترنت المتميزة

بعد أن اقتصرت الألوان في معايير css2 على استخدام الكلمات المفتاحية (Keyword) أو استخدام القيم العشرية (hexadecimal) أتت القفزة النوعية في معايير تقنية CSS3 لتتيح لنا مجالات أوسع مثل ألوان الشاشات RGB و ألوان الطباعة CYMK إضافة إلى أمكانية استخدام الشفافية و سأتي على ذكر كل القيم اللونية الممكن استخدامها حالياً القديمة منها و الحديثة.
إستخدام خطوط معينة في صفحات الويب يعطي جمالية على النص ويساعد على الإلتزام معايير الويب بدلاً من إستخدام النصوص في الصور.
أحد مميزات css3 هي إمكانية إستخدام خطوط مرفقة في صفحات الويب عبر خاصية font‪-‬face، وقد كتبت موضوع سابق عن هذه الخاصية ضمن سلسلة تطبيقات على css3 ولكن أردت التفصيل أكثر وتصحيح بعض أخطاء الدرس الذي كتبته سابقاً بموضوع جديد.‬‬‬
في هذا الموضوع ستجد كيفية إستخدام خط مرفق على صفحة ويب عبر خاصية font‪-‬face وكيفية إستخدام أكثر من صيغة للخط لتتناسب مع عدة متصفحات ويب ومن ضمنها متصفحات الهواتف النقالة.‬‬‬
لحسن لحظ مستوى دعم المتصفحات لهذه الخاصية جيدة (خصوصاً لمستخدمي متصفح الإكسبلورر) فهو يدعم خاصية font‪-‬face منذ الإصدار الرابع! إلا أن بقية المتصفحات تدعم هذه الخاصية في الإصدارات الحديثة .. هذه مجموعة من المتصفحات الداعمة للخاصية:‬‬‬
متصفح سفاري/محرك Webkit: يدعم خاصية font-face منذ الإصدار 3.1، الصيغ المدعومة هي ttf وotf (إخصار لصيغة TrueType وOpenType) أما متصفح سفاري الخاص بنظام iOS فيدعم صيغة SVG لإصدارات iOS القديمة إلى الإصدار 4.1، أما الإصدار 4.2 وما فوق فيدعم ttf وotf.
متصفح أوبرا: يدعم خاصية font-face منذ الإصدار العاشر (الإصدار 9.7 من Opera Mobile)، الصيغ المدعومة هي ttf وotf وSVG.
متصفح الإكسبلورر: يدعم صيغة font‪-‬face منذ الإصدار الرابع، ويدعم صيغة eot فقط وصيغة WOFF (منذ الإصدار التاسع).‬‬‬
متصفح فايرفوكس: يدعم خاصية font‪-‬face منذ الإصدار 3‪.‬5، ويدعم صيغة ttf وotf وWOFF (منذ الإصدار 3‪.‬6).‬‬‬‬‬‬‬‬‬
متصفح جوجل كروم: يدعم خاصية font‪-‬face منذ الإصدار الرابع، ويدعم صيغة ttf وotf وWOFF (منذ الإصدار السادس) .. إلا أن الخاصية معطلة بشكل إفتراضي ويجب على المستخدم أن يوافق أو يدعم خيار font‪-‬face لكي تعمل على المتصفح وذلك لأسباب أمنية من طرف جوجل.‬‬‬‬‬‬
صيغة True Type و Open Type هناك عدة صيغ يمكن إختيارها في عرض الخطوط على صفحات الويب مثل EOT وTTF وOTF وWOFF وغيرها، وجميعها صيغ مختصرة لنوع الخط فأكثر الأنواع التي تستخدم هي TrueType وOpenType ويمكن معرفة لمحة تاريخية لكل منهم ومتى بدأ إستخدام هذه الأنواع.
‏TrueTypeتم تطوير هذا النوع من الخطوط من قبل شركة آبل أول مرة وتبنتها شركة مايكروسوفت بعد ذلك في نظام تشغيلها ويندوز (بدايةً من Windows 3‪.‬1)، وأشهر الخطوط العالمية تستخدم هذا النوع من الخطوط.‬‬‬
OpenType تم تطوير هذا النوع من الخطوط من قبل شركة مايكروسوفت ثم إنضمت شركة أدوبي لتطويره في نهاية التسعينات من القرن الماضي وتم إنتاج العديد من الخطوط بهذه الصيغة مع بداية الألفية، ويتميز هذا النوع بدعم أكثر من منصة وإمكانية ظهوره بشكل جيد عند الطباعة وإمكانية إدراج عدد كبير من الحروف للخط الواحد.
صيغة OpenType مدعومة أكثر في متصفح الإكسبلورر بدايةً من الإصدار الرابع حتى الإصدار الأخير، أما TrueType فمستخدم في في بقية الإصدارات والأنظمة (يشمل نظام Android و iOS).
تحويل الخط لعدة صيغ لتتناسب مع متصفحات الويب إذا رغبت بإستخدام خط مناسب للنصوص فلن تجده بأكثر من صيغة (مثل صيغة OpenType وWOFF وSVG) إلا الخطوط المشهورة (من الخطوط الإنجليزية) إلا أن توفيره بعدة صيغ أصبح ممكنا مع توفر أدوات جديدة في كل فترة.
تطبيق Font Squirrel أحد هذه الأدوات هو تطبيق Font Squirrel (تطبيق ويب). يمكن إصدار عدة صيغ لخط موجود لديك في الجهاز عبر هذا التطبيق إلا أنه لا يدعم العربية ولكن صاحب التطبيق لديه رغبة في دعم الخطوط العربية عن طريقه.

مشاركة

تعليق على المقال

المقالات الأكثر مشاهدة

تصميم مناسب لموقعي الالكتروني

كيفية تصميم موقع متميز

تصميم وتطوير مواقع الانترنت

تصميم واجهة متميزة لموقعي

جعل موقعي أسرع على الانترنت

افضل شركة لتصميم مواقع الانترنت

أُسُس ومعلومات عن تصميم المواقع الإلكترونية

وضع خطة تصميم موقعي قبل البدء فى تصميم الموقع

تصميم موقع تفاعلى بتقنية الـ Flash

الاخطاء التى تدمر موقعى وكيفية حماية موقعى الالكتروني

تصميم مواقع الانترنت html وبلغة asp

تصميم محترف وكيفية تحويلة html

تصميم موقع الكتروني بتقنيةcss

الانترنت وتصميم موقع الكتروني بستخدام html

انشاء مواقع الكترونية بتقنية جافا سكريبت

Css3 تصميم مواقع الانترنت المتميزة

تصميم الجرافيكي بالفلاش وhtml5

اسس تصميم المواقع والـhtml

تصميم المواقع وعلاقته بالالوان وبالطبيعة

تصميم مواقع بافضل المقاسات

اختيار الالوان المناسبة لموقعي الالكتروني

انشاء مواقع بأحدث التقنيات والالوان المناسبة

افضل شركة لتصميم مواقع الانترنت

لطلب خدمة اضغط هنا
كلمات بحث دلالية
تصميم المواقع شركة تصميم مواقع في مكة شركة تصميم مواقع احترافية في السعودية انشاء مواقع شركات تصميم مواقع تصميم مواقع انترنت بالفوتوشوب برمجة موقع انترنت تطوير مواقع الانترنت تصميم مواقع صحف الكترونية تصميم مواقع الانترنت تطوير مواقع شركات تصميم مواقع تصميم وبرمجة شركة تو ام تصميم جرافيك تصميم مواقع فى مصر عروض تصميم مواقع تصميم مواقع انترنت تصميم مواقع سعودية شركة تصميم مواقع سعودية تصميم مواقع عقارات تصميم مواقع احترافية تصميم مواقع الكترونية تصميم مواقع على الانترنت انشاء مواقع انترنت انشاء مواقع انترنت فى السعودية تصميم مواقع بالفوتوشوب انشاء صحف الكترونية تصميم مواقع تعليمية تصميم مواقع تجارية تصميمات عقارية تصميم وبرمجة مواقع تصميم استايل

للتواصل واتس اب الأن... اضغط هنا

الحالة : متواجدون الأن

شكرا لك سيقوم مسؤل خدمه العملاء بالتواصل معكم عبر الواتس اب خلال دقائق

من فضلك اكتب رقم الهاتف بمفتاح الدولة
ليتم التواصل معك واتس اب الأن.