عالم الكمبيوتر والنت والميديا

الجديد فى عالم الكمبيوتر والانترنت2019.خدمات.تحميل.تنزيل.تعليم اخبار.مقالات تقنية.احدث تقنيات الحاسب الالي.ثورة المعلومات وكل جديد.

نسخ رابط الموضوع
https://vb.kntosa.com/showthread.php?t=18292
2953 1
08-08-2021 01:32 AM
#1  

06ما هي خطوط الويب Web Font و كيف يعمل ؟ شرح بالخطوات


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

ما هي خطوط الويب Web Font و كيف يعمل ؟ شرح بالخطوات kntosa.com_07_21_162
الفرق بين خطوط الويب و خطوط سطح المكتب

حين تقوم بالحصول على إصدار ويندوز للحاسوب الخاص بك فإنه يأتي مع عدد من الخطوط القياسية على جهازك و تحصل ايضا على خطوط اضافية في حالة استخدام تطبيقات او برامج على جهازك و ذلك مثل مايكروسوفت اوفيس او برامج ادوبي .
و بالتالي هناك مصدرين كما اشرنا من أجل الحصول على الخطوط على الحاسوب وهناك مصدر ثالث لهذا الامر وهو ان تقوم بتنزيلها من صفحات الويب فإذا كنت من مستخدمي الفوتوشوب فأنت عادة ما تبحث عن الخطوط بشكل مستمر من اجل اعادة استخدامها مرة اخرى .
ما هي خطوط الويب Web Font و كيف يعمل ؟ شرح بالخطوات kntosa.com_07_21_162
جميع هذه الخطوط يمكنك ان تقوم باستخدامها في معالجات النصوص وفي برامج التعديل على الصور ومقاطع الفيديو مثل الفوتوشوب و غيرهم و يمكن أن نطلق على عليها جميعا ” خطوط سطح المكتب Desktop Fonts ” و التي يتم تخزينها بشكل مباشر على الذاكرة الداخلية للحاسوب .
أما النوع الثاني من الخطوط و هو خطوط الويب Web Fonts فهي أكثر أهمية في الوقت الحالي خاصة مع الانتقال بشكل شبه رئيسي إلى استخدام صفحات الويب بدلا من الحاسوب بدون انترنت و هذه النوعية من الخطوط يتم تخزينها بشكل مؤقت في المتصفح الخاص بك .
و يمكن استخدام هذه الخطوط مرة اخرى في حالة انشاء نصوص على مواقع الويب فقط وليس للاستخدام على برامج الحاسوب .
متى ظهرت خطوط الويب سابقا ؟

حين بدأت شبكة الإنترنت في الظهور كان المستخدم يمكنه الاعتماد على الخطوط التي كانت متوفرة على حاسوبك بشكل افتراضي و في حالة اذا كان الحاسوب الخاص بك لا يحتوي على خطوط مثبته عليه فإنه صفحة الويب يتوفر لديها خط احتياطي واحد يتم عرضه فقط في هذه الحالة .
ومنذ عشر سنوات تقريبا قامت شركة جوجل بالإعلان عن مصدر مفتوح جديد واسع للحصول على الخطوط بشكل مجاني بالكامل و يمكن استخدامها على الويب في أي مكان و يطلق عليها خطوط الويب google fonts .
ما هي خطوط الويب Web Font و كيف يعمل ؟ شرح بالخطوات kntosa.com_07_21_162
الأمر لا يتوقف ابدا عن خطوط الويب المتوفرة بشكل مجاني في google fonts وإنما قامت شركة ادوبي ايضا بالكشف عن Typekit والمكونات الإضافية للحصول على الخطوط المستضافة على الويب و التي يمكنها أن تعمل على ملايين المواقع الالكترونية .
شرح كيفية عمل خطوط الويب

يمكننا الان الاعتماد على خطوط الويب الصادرة من google fonts خاصة و انها مكتبة ويب واسعة تضم أكثر من ألف خط و يمكن الاعتماد عليها في موقع الويب الخاص بك عن طريق سحبها عبر ملفات CSS و يمكن كذلك للمبرمجين الذي يقومون بانشاء التطبيق على الاندرويد بالاعتماد عليها .
حين تقوم باستخدام صفحة ويب من خلال google fonts فإنها تقوم بسحب خطأ من قاعدة البيانات الخاصة بشركة جوجل و يتم عرض جميع البيانات على الويب في المتصفح بهذا الخط .
يتم رفع جميع هذه الخطوط على سيرفرات شركة جوجل و التي تعتبر الأفضل من حيث السرعة و الأداء و حين تقوم بفتح الويب فإنه يتم تحميل هذا الخط بشكل مباشر و ايضا يمكنك الاعتماد على خدمات الخطوط السحابية والتي تعمل بنفس الطريقة .
هناك طريقة اخرى تعمل من خلالها خطوط الويب اثناء التصفح و التي منها الاعتماد على خطوط الويب المضمنة و المتضافة بشكل ذاتي على الويب من خلال منصة تسمى WOFF و هي اختصار لتنسيق خطوط الويب المفتوح Web Open Font Format .
هو عبارة عن ملف مضغوط تم إعداده من قبل شركة موزيلا و تتوافق مع معظم صفحات الويب الحديثة .
ما هي خطوط الويب Web Font و كيف يعمل ؟ شرح بالخطوات kntosa.com_07_21_162
خطوات الحصول على خطوط الويب مجانا

من خلال مستودع خطوط جوجل فإنه يحتوي على جميع الخطوط الموجودة بداخله و هي مجانية بالكامل و يمكن للجميع الوصول إليه بشكل مباشر من خلال الخطوات التالية :
  • قم بالدخول الى محرك البحث جوجل .
  • قم بكتابة خطوط جوجل أو google fonts .
  • سيظهر لك عدد من النتائج على الويب والتي في مقدمتها الموقع الرسمي للخطوط جوجل قم بالدخول اليه .
  • ستجد مجموعة كبير من الخطوط و التي ابرزها الخطوط الاساسية لتصميم الويب مثل Roboto و Lato و Montserrat
  • يتضمن هذا الموقع مكان مخصص من أجل عرض الخطوط عليها هذه الخطوط عليه و ذلك على سبيل التجربة و المقارنة مع الخطوط الاخرى .
  • يمكنك ان تقوم بالضغط على الخط و الاطلاع عليه و بعد ذلك تقوم بتحميله على الحاسوب لكي تقوم باستخدامه بعد ذلك في مشروعاتك القادمة .
يتوفر لدى شركة جوجل منصة Gethub و التي يمكن من خلالها استخدام هذه الخطوط في المشاريع و مشاركتها بحرية مع الآخرين و ايضا تحميلها على جميع محتويات الويب .
ايضا العديد ممن يرغبون في إنشاء مواقع الويب على الوردبريس مثلا يحتاجون في العديد من الأحيان دعم لخطوط الويب الخارجية .
ففي هذه الحالة بعد ان تقوم بتنزيل الخط على الجهاز يمكنك ان تقوم برفعها مرة أخرى على شكل ملف CSS على موقع الويب الخاص بكل لكي تقوم باستخدامه مرة اخرى .






08-08-2021 03:23 PM
#2  

افتراضيرد: ما هي خطوط الويب Web Font و كيف يعمل ؟ شرح بالخطوات

مشكورررررررره



اظهار التوقيع
توقيع
ام رونزا
يُقَالْ أنْ مِنْ تَعود عَلىَ الصَمتْ ،
باستطَاعتَهُ وَقتٍ { العِتَابْ} أنْ يُدمَر قَلبكَ بكلمَه .. !





الكلمات الدلالية (Tags)
font, google fonts, كيف, ما, هي, و, يعمل, web, ؟, أفضل أنواع الخطوط العربية, الويب, استعمال خطوط عربية, بالخطوات, خطوط, خطوط قوقل انجليزي, خطوط للموقع, خطوط جوجل العربية, خطوط عربية css, خطوط عربية مائلة, شرح

أدوات الموضوع
انواع عرض الموضوع

الانتقال السريع


الساعة الآن 08:43 PM


Powered by vBulletin® Version 3.8.11 Beta 4
Copyright ©2000 - 2024, vBulletin Solutions Inc.
new notificatio by 9adq_ala7sas
User Alert System provided by Advanced User Tagging (Lite) - vBulletin Mods & Addons Copyright © 2024 DragonByte Technologies Ltd.

خيارات الاستايل

  • عام
  • اللون الأول
  • اللون الثاني
  • الخط الصغير
  • اخر مشاركة
  • لون الروابط
إرجاع خيارات الاستايل