يبحث مطورو الويب عن أفضل طريقة لتخزين الخطوط على مواقع الويب لفترة طويلة. أدت بعض الحلول إلى مشكلات في الأداء وإمكانية الوصول ، بينما لم يكن البعض الآخر مناسبا لجميع المتصفحات أو الأجهزة. في هذه المقالة ، سنلقي نظرة على المكان المناسب لوضع الخطوط لضمان استخدامها الفعال.
واحدة من الطرق الأكثر شيوعا لتخزين الخطوط على موقع على شبكة الانترنت هو ربط الخطوط باستخدام خدمات خارجية مثل جوجل الخطوط أو أدوبي تيبكيت. تقدم هذه الخدمات مجموعة كبيرة من الخطوط وتضمن تحميلها السريع باستخدام شبكة توصيل المحتوى. ومع ذلك ، يمكن أن يتسبب استخدام الخدمات الخارجية في حدوث مشكلات معينة في الأداء ، حيث يمكن أن يؤدي تحميل الخط إلى إبطاء وقت تحميل الصفحة.
خيار بديل هو تخزين الخطوط محليا على الخادم. في هذه الحالة ، يتم تنزيل الخطوط مباشرة من الخادم الخاص بك ، مما قد يزيد من سرعة تحميل الصفحة. ومع ذلك ، من الضروري إدارة تراخيص الخطوط لضمان استخدامها القانوني.
من المهم ملاحظة أنه بغض النظر عن مكان تخزين الخطوط ، تحتاج إلى تكوين ملفات كس بشكل صحيح لتحديد المسارات إلى ملفات الخط وتحسين تحميلها.
- مصادر الخط للموقع
- خطوط جوجل
- أدوبي الخطوط
- تخزين الخطوط على الخادم
- تضمين الخطوط عبر كس
مصادر الخط للموقع
عند إنشاء موقع ويب ، يمكنك اختيار مصادر خطوط مختلفة لاستخدامها. يتيح لك ذلك إنشاء صور مرئية فريدة والتأكيد على خصوصية موقعك. فيما يلي بعض مصادر الخطوط الرئيسية:
خطوط الويب: خطوط الويب هي خطوط خاصة يمكن تنزيلها من خادم واستخدامها على صفحة ويب. وتشمل بعض الخطوط على شبكة الإنترنت شعبية جوجل الخطوط ، أدوبي الخطوط ، و تيبيكيت. لاستخدام خطوط الويب ، ستحتاج إلى توصيل ملفات الخطوط عبر رمز كس.
خطوط النظام: خطوط النظام هي خطوط مثبتة على كمبيوتر المستخدم ويمكن استخدامها على موقع ويب دون الحاجة إلى التنزيل. عادة ما يتم استخدام خطوط النظام التالية على الموقع: أريال ، تايمز نيو رومان ، فيردانا وغيرها. ومع ذلك ، عند استخدام خطوط النظام ، ضع في اعتبارك أنه قد يتم عرض الخطوط بشكل مختلف على أجهزة وأنظمة تشغيل مختلفة.
الخطوط المتجهة: تتكون الخطوط المتجهة من صيغ رياضية ويمكن تحجيمها دون فقدان الجودة. يتيح لك ذلك استخدام الخطوط المتجهة على موقع ويب بأي حجم دون الحاجة إلى تنزيل ملفات خطوط مختلفة لكل حجم.
موارد أخرى: إلى جانب المصادر الرئيسية ، يمكنك أيضا العثور على الخطوط على الموارد المختلفة مثل دافونت ، الخط السنجاب و ميفونتس. تقدم هذه الموارد مجموعة واسعة من الخطوط المجانية والمدفوعة بأنماط واتجاهات مختلفة.
يعتمد اختيار مصدر الخط على تفضيلاتك واحتياجات موقع الويب الخاص بك. من المهم التأكد من أن الخطوط التي تختارها مناسبة لكل من تصميم النص وقابلية قراءته على موقع الويب الخاص بك.
خطوط جوجل
باستخدام الخطوط من الخطوط جوجل بسيط جدا. أولا ، تحتاج إلى توصيل الأنماط بالخطوط باستخدام علامة الارتباط وتحديد ارتباط للخطوط في سمة هريف. يتم تحديد عنوان ورل للخط على موقع الخطوط جوجل كقيمة السمة هريف.
على سبيل المثال ، لتوصيل خط روبوتو بمحتوى الدهون العادي وحروف الصحف ، سيبدو الرمز كما يلي:
بعد تمكين الأنماط ، يتوفر الخط للاستخدام في كس ببساطة عن طريق تحديد اسمه في خاصية عائلة الخط.
جوجل الخطوط يوفر القدرة على تحديد خيارات الخط المختلفة ، مثل جريئة ، نمط الخط ، وخيارات قابلة للتخصيص. يمكنك تحديد الخطوط وتخصيصها مباشرة على موقع خطوط جوجل عن طريق إضافة الخيارات المحددة إلى عنوان ورل للخط الذي تريد توصيله.
يعد استخدام خطوط جوجل ممارسة جيدة ، حيث يتم تحسينها لصفحات الويب وتوفر أداء تحميل جيد.
واحدة من المزايا الرئيسية لاستخدام خطوط جوجل هي مجموعة واسعة من الخطوط عالية الجودة التي يمكن استخدامها مجانا. بالإضافة إلى ذلك ، يتم استضافة الخطوط على خوادم جوجل ، مما يعني أنها ستكون متاحة للاستخدام من قبل مواقع الويب ، حتى إذا كان الخادم الذي يستضيف الموقع غير متاح مؤقتا.
لذلك ، جوجل الخطوط هو منصة مريحة وموثوق بها لاختيار وربط الخطوط لمشاريع الويب.
أدوبي الخطوط
والميزة الرئيسية لأدوبي الخطوط هي أن يتم تحميل جميع الخطوط من ملقم بعيد ، وهو ما يعني أن مطوري الويب لم يكن لديك لتخزين الخطوط على الخادم الخاص بهم والحرص على أن يتم عرضها على أي جهاز. أدوبي الخطوط يضمن أن الخطوط سيتم تحميل بسرعة وعلى أي جهاز معتمد من قبل الخدمة.
مرة واحدة مطور ويب يحصل على الوصول إلى أدوبي الخطوط ، فإنها يمكن بسهولة تحديد الخط الذي يحتاجونه وإضافته إلى موقعه على الانترنت باستخدام رمز بسيط. هذا يبسط إلى حد كبير عملية العمل مع الخطوط ويسمح لك بسهولة تغيير أنماط ومظهر النص على موقع الويب الخاص بك. وبالإضافة إلى ذلك ، أدوبي الخطوط تقدم مختلف أدوات التخصيص الخط ، مثل تغيير حجم الخط ، وضبط تباعد الأسطر ، وأكثر من ذلك.
أدوبي الخطوط هي الخدمة المدفوعة التي توفر خطط الاشتراك المختلفة لمطوري الويب والمصممين. ومع ذلك ، فإنه يوفر أيضا خطة مجانية تتيح الوصول إلى مجموعة محدودة من الخطوط. هذا هو خيار كبير لمطوري الويب المبتدئين الذين يرغبون في استخدام الخطوط من أدوبي الخطوط دون دفع للاشتراك.
وعموما ، أدوبي الخطوط هي خدمة موثوقة ومريحة لتخزين واستخدام الخطوط على موقع على شبكة الانترنت. يقدم مجموعة واسعة من الخطوط ويوفر أدوات تخصيص بسيطة للخط ، مما يساعد مطوري الويب على إنشاء حلول مطبعية فريدة وجميلة لمشاريعهم.
تخزين الخطوط على الخادم
تتمثل إحدى المزايا الرئيسية لتخزين الخطوط على الخادم في أنه يسهل تثبيت الخطوط واستخدامها على موقع الويب. نظرا لأن ملفات الخطوط موجودة بالفعل على الخادم ، فلن يقوم مستخدم موقع الويب بنقل ملفات خطوط إضافية إلى جهازه.
بالإضافة إلى ذلك ، فإن تخزين الخطوط على الخادم يجعل من السهل إدارة الخطوط. إذا كان من الضروري تحديث الخط أو استبداله ، يكفي استبدال ملف الخط على الخادم ، وسيتم عرض التغييرات تلقائيا على جميع صفحات الموقع. هذا يبسط عملية تحديث الخط ويجعلها أكثر ملاءمة.
من المهم ملاحظة أنه من أجل تخزين الخطوط على الخادم ، من الضروري التأكد من تكوين الخادم بشكل صحيح. يجب أن تكون ملفات الخطوط متاحة للتنزيل من الخادم ويجب تكوينها بشكل صحيح للاستخدام على موقع الويب. إذا تم تكوين الخادم بشكل غير صحيح ، فقد يواجه المستخدمون مشاكل في تحميل الخطوط وعرضها.
يعد تخزين الخطوط على الخادم أحد أكثر الطرق شيوعا لتوفير الخطوط لمواقع الويب. بفضل طريقة التخزين هذه ، تصبح الخطوط متاحة لجميع المستخدمين ، بغض النظر عن أجهزتهم وأنظمة التشغيل الخاصة بهم. بالإضافة إلى ذلك ، توفر هذه الطريقة إدارة مريحة وتحديث الخطوط على موقع الويب.
تضمين الخطوط عبر كس
- لتضمين الخطوط عبر كس ، اتبع الخطوات التالية:
- قم بتنزيل الخط الذي تريد استخدامه على موقعك. يرجى ملاحظة أن خطوط الويب يجب أن تكون بتنسيقات تدعمها متصفحات مثل تف أو أوتف أو وف أو وف 2.
- ضع ملف الخط في دليل مشروعك.
في ملف كس الذي تستخدمه لنمط موقع الويب الخاص بك ، إضافة التعليمات البرمجية التالية:
@الخط الوجه {
عائلة الخط:"اسمك المقتصد";
سرك: ورل ("الطريق إلى ملف شريفت");
}
في هذا الرمز ، تحتاج إلى استبدال" اسمك المقتصد "باسم تعسفي ستعطيه للخط الخاص بك (على سبيل المثال ، "ماي فونت") ، و" باث_ مقتصد_ملف " بالمسار إلى ملف الخط داخل مشروعك.
بعد إضافة هذا الرمز ، يمكنك استخدام الخط الخاص بك عن طريق تحديد اسمه في خاصية "عائلة الخط" للعناصر الضرورية على موقعك. على سبيل المثال: