تخطَّ إلى المحتوى
Delivery API
قبل أن تخطط اعتمادًا على أي ميزة، اطلع على حالة القدرات.

الأدلةالتصميم

الخطوط

ارفع خطوط الويب المرخّصة لديك مرة واحدة، واحتفظ بأدلة الترخيص معها، وحمّلها في موقعك بورقة أنماط واحدة.

تُرجمت هذه الصفحة من الإنجليزية. وفي حال وجود أي اختلاف، تسري النسخة الإنجليزية. اقرأ بالإنجليزية

يستضيف Atlas خطوط موقعك مع أدلة ترخيصها. ولا يُقدَّم الخط إلا ما دام ترخيصه يسمح بالتضمين في الويب ولم تنتهِ صلاحيته.

افتح Design → Fonts وانقر Add a font.

  1. أدخل Family name وKey. يسمّي المفتاح متغير CSS ولا يمكن تغييره لاحقًا.

  2. ضمن Files, weights and styles، ارفع ملفات WOFF2 أو WOFF (أو اخترها من مكتبة الوسائط). لكل ملف حدّد Weight (مثل 400، أو نطاقًا مثل 100-900 للخط المتغير) وStyle (Upright أو Italic).

  3. أضف Fallback fonts واختر While loading: Show the fallback, then swap، أو Use the font only if it is ready at once.

  4. ضمن Licence، سجّل اسم Licence وتاريخ Licence ends (إن وُجد) وEvidence وLicence document اختياريًا، وحدّد The licence allows embedding this font on websites (@font-face).

  5. انقر Add font.

تعرض بطاقة كل خط كيفية استخدامه، مثل font-family: var(--atlas-font-brand)، مع خطوطه الاحتياطية وترخيصه وإصداراته السابقة. انقر New version لاستبدال الملفات أو تحديث الترخيص؛ وتُحفظ الإصدارات السابقة.

تمنحك البطاقة Add to your website مقتطفًا جاهزًا:

  • أي موقع: Copy link tag وأضفه إلى head صفحتك. يحمّل ورقة أنماط واحدة تضم كل خطوط الموقع النشطة.
  • Next.js: Copy code لنسخة تُعرض على الخادم.
<link
rel="stylesheet"
href="https://<delivery host>/v1/delivery/environments/{environmentId}/fonts.css"
/>

تُخزَّن ورقة الأنماط مؤقتًا لمدة 5 دقائق وتُخزَّن ملفات الخطوط بشكل دائم، لأن لكل إصدار ملف عنوانه الخاص. ولا تُقدَّم ملفات الخطوط إلا إلى عنوان موقع بيئتك.

تصل تغييرات الخطوط إلى الإنتاج مع الإصدار التالي، مثل المحتوى. ولا يقدّم الإنتاج إلا إصدارات الخطوط الموجودة في إصداره الحي.

  • WOFF2 وWOFF فقط (لا TTF ولا OTF).
  • حتى 32 ملفًا و8 خطوط احتياطية لكل خط.
  • الخطوط تتبع موقعًا واحدًا؛ ولا يوجد بعد كتالوج خطوط مشترك للمؤسسة، ولا تجزئة للخطوط (subsetting).