الخطوط

الخطوط التي يستخدمها openai.com

يستخدم openai.com الخط OpenAI Sans لعناوينه ونصه الأساسي. OpenAI Sans خط مرخّص يقدّمه الموقع بنفسه. أقرب بديل مجاني على Google Fonts: Inter.

تم القياس من openai.com قبل 4 أيام.

عائلات الخطوط

1 عائلة خطوط
OpenAI Sans
يُستخدم في
h2, button, body, label
المصدر
مستضافة ذاتيًا
البديل المجاني
Inter

CSS لإعادة إنتاجه

متغيرات الخطوط مع البديل المجاني في سلسلة الخطوط، فيعمل CSS نفسه مع الخط المرخّص أو بدونه.

:root {
  --font-heading: "OpenAI Sans", "Inter", sans-serif; /* Inter stands in for OpenAI Sans */
  --font-body: "OpenAI Sans", "Inter", sans-serif; /* Inter stands in for OpenAI Sans */
  --font-size-base: 14px;
}

كيف يُضبط النص

headline-displayQuick brown foxOpenAI Sans / 48px / 500 / lh 1.4
headline-lgQuick brown foxOpenAI Sans / 13px / 500 / lh 19.68px
headline-mdQuick brown foxOpenAI Sans / 24px / 500 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogOpenAI Sans / 14px / 500 / lh 19.6px
label-mdThe quick brown fox jumps over the lazy dogOpenAI Sans / 16px / 400 / lh 24px / -0.16px
buttonThe quick brown fox jumps over the lazy dogOpenAI Sans / 13px / 500 / lh 19.68px
أحجام الخطوط المستخدمة
131417182248

لوكلاء الذكاء الاصطناعي

الحزمة نص عادي بلا مفتاح: اجلب DESIGN.md، أو سلّم الحزمة كاملة إلى Claude Code أو Cursor أو Copilot عبر خادم MCP.

curl -s https://stylepack.ai/packs/openai.com/DESIGN.md

أسئلة

ما الخط الذي يستخدمه openai.com؟

يستخدم openai.com الخط OpenAI Sans. العناوين بخط OpenAI Sans والنص الأساسي بخط OpenAI Sans، مقاسة من الموقع كما يُعرض فعلًا، لا من ملف الأنماط.

هل خط openai.com مجاني الاستخدام؟

لا. OpenAI Sans خط مرخّص يقدّمه openai.com بنفسه. أقرب بديل مجاني هو Inter، متاح على Google Fonts. يضعه كود CSS في هذه الصفحة ضمن سلسلة الخطوط كبديل.

كيف أحصل على الطباعة نفسها التي يستخدمها openai.com في مشروعي؟

نزّل حزمة تصميم openai.com من Stylepack: تحتوي على سلسلة الخطوط وسلّم الأحجام وكل أنماط النصوص ولقطات الشاشة، بصيغة يستطيع وكيل برمجة بالذكاء الاصطناعي مثل Claude Code أو Cursor البناء منها.