تخطَّ إلى المحتوى
كورد فونت

واجهة خطوط الويب (CSS)

استخدم أي خط في المكتبة على موقعك بسطر واحد من HTML. دون حساب ودون خطوة بناء — مجرد رابط ورقة أنماط يقدّم نفس خطوط الويب المُتحقَّق منها والمُجزّأة التي تستخدمها المعاينات هنا.

بداية سريعة

أضِف رابط ورقة أنماط إلى <head> في صفحتك. تحمل كل صفحة خط مقتطفها الجاهز، بالاسم الحقيقي والإصدار الحالي — وهذا مثال على شكله:

<link rel="stylesheet"
  href="https://kurdfonts.net/css?family=rabar:wght@400;700&v=1a2b3c4">

استبدل المُعرّف والأوزان بخاصة الخط — انسخ المقتطف الدقيق من صفحته ضمن «الاستخدام على الويب».

استخدام الخط

ثم عيِّن اسم العائلة في CSS، تمامًا كما هو معروض في صفحة الخط:

body {
  font-family: "Rabar", sans-serif;
}

المعامِلات

family
مُعرّف الخط، ويمكن أن يتبعه الأوزان، بالصيغة Slug:wght@400;700. كرِّر المعامل لتحميل أكثر من خط دفعة واحدة.
display
كيف يظهر النص أثناء تحميل الخط: swap (الافتراضي)، أو block، أو fallback، أو optional، أو auto. يُطابق مباشرةً font-display في CSS.
v
رمز إصدار. الـ v المُثبَّت يُخزَّن مؤقتًا للأبد ولا يتغير أبدًا، فلا تنزلق خطوط موقعك من تحتك؛ وصفحة كل خط تعرض دائمًا رمزه الحالي.

التخزين المؤقت والإصدارات

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

ما الذي يمكنك تضمينه

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

الخصوصية

نحسب عدد المواقع التي تُضمِّن كل خط، لعرض الاستخدام — لكننا لا نخزّن أبدًا عناوين IP لزوّارك، ولا نضع أي ملف تعريف ارتباط، ولا نعتمد على أي شيء يخص صفحة التضمين. ولأن الاستجابات تُخزَّن عند الحافة، فذلك الرقم حدٌّ أدنى، لا أداة تتبّع.