تغيير الخط في جافاسكريبت أم من خلال CSS أم مكتبات؟ وهل مكتبات جافاسكريبت تقتصر على Node.js؟

في حال كنت ستستخدم المكتبة في مشروع جافاسكريبت والمكتبة تدعم مشاريع جافاسكريبت النقية وليس Node.js فقط، إذن تستطيع تحميل ملفات المكتبة مباشرًة واستخدامها في مشروع دونّ الحاجة إلى استخدام npm.

وبخصوص الخطوط، نستخدم CSS لأن الأمر متعلق بالتنسيق وبالتالي لغة CSS هي المسؤولة عن ذلك في المتصفح، وحتى إن استخدمت مكتبة فسيتم تحويل الكود الخاص بها إلى أكواد CSS، إذن ما الداعي إلى ذلك؟

عليك الإعتماد على خصائص CSS مثل font-family و font-size و font-weight و font-style لتحديد الخط وحجمه ووزنه وأسلوبه.

p {
  font-family: Arial, sans-serif; /* تحدد عائلة الخطوط */
  font-size: 16px; /* تحدد حجم الخط */
  font-weight: bold; /* تحدد وزن الخط */
  font-style: italic; /* تحدد أسلوب الخط */
}

وفي React عليك تحميل الخط من google fonts مثلاً ووضعه في مجلد fonts في مجلد assests ، ثم استيراده كالتالي في المكون الرئيسي:

import './fonts/Goldman/Goldman-Bold.ttf';

ثم في ملف CSS الرئيسي، استخدم الخط كالتالي:

@font-face {
font-family: "GoldmanBold";
src: local("GoldmanBold"),
 url("./fonts/Goldman/Goldman-Bold.ttf") format("truetype");
font-weight: bold;
}

وبعد ذلك في باقي تطبيقك تستطيع استخدام الخط من خلال خاصية font-family ثم كتابة اسم الخط كالتالي:

.main {
 font-family: "GoldmanBold";
}

بالنسبة للسؤال الاول:

ليس هناك مكاتب لتغيير الخطوط فإذا كنت تريد تغير الخط يجب عليك استخدام خصائص ال CSS بشكل مباشر مثل  font-family و font-size و font-weight و font-style  فلا يمكن الاستغناء عنها.

وبالنسبة للسؤال الثانى:

نعم جافاسكريبت لديها العديد من المكتبات المفيدة الخاصة بها اذا كنت تريد استخدمها لوحدها خارج نطاق ال node.js ، كل المكتبات تظهر معك بهذا الطريقة لانك تستخدمها داخل نطاق ال node.js.

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